.button__load-clip { display: none; } .button__download { display: none; } .fa-expand { display: none; } /* * This file is used to override styles in Critical Mention's Wordplay embedded content * Because we don't control the content, it doesn't follow our usual CSS best practices */ /*------------------------------------*\ # COLOURS \*------------------------------------*/ /* Corporate Colours */ /* Accent Colours */ /* Extended Palette */ /* Neutrals */ /* Pastels */ /* Basic Colours ( */ /* Media Types */ /* Sentiment / Alerts */ /*------------------------------------*\ # FONT FAMILY \*------------------------------------*/ /*------------------------------------*\ # Breakpoints \*------------------------------------*/ /*------------------------------------*\ # DIMENSIONS \*------------------------------------*/ /*------------------------------------*\ # HEADER \*------------------------------------*/ /*------------------------------------*\ # CONTENT \*------------------------------------*/ /*------------------------------------*\ # STATES \*------------------------------------*/ /*------------------------------------*\ # FORMS \*------------------------------------*/ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } html { position: relative; font-size: 16px; } body { position: relative; padding: 0 1px 0 0; margin: 0;} .button__load-clip { display: none; } #wp-container { overflow: hidden !important; height: 68.75rem !important; width: 100% !important; padding: 0; background: none; } #wp-container #clip_popup { width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); } #wp-container img.pacifier { left: 50% !important; /* TODO: Uncomment this code and replace the image once Julio provides a loading image height: 0; width: 0; padding: 200px; background: url('https://login.agilitypr.com/assets/img/layout/agility-pr-logo.svg') no-repeat !important; */ transform: translateX(-50%) !important; } #wp-container ~ #overlay { height: 100% !important; } #wp-container .wordplayButtonBar { padding: 0.75rem 0 0 0; margin-top: 0; } #wp-container .wordplayButtonBar > div { display: flex; flex-flow: row wrap; justify-content: space-between; } #wp-container .wordplayButtonBar input.wordplayClipName { order: 0; box-sizing: border-box; height: auto; width: 100%; padding: .5rem !important; margin-bottom: .7rem; } #wp-container .wordplayButtonBar a { display: flex; order: 2; text-decoration: none; } #wp-container .wordplayButtonBar a:hover, #wp-container .wordplayButtonBar a:active, #wp-container .wordplayButtonBar a:focus { text-decoration: none; } #wp-container .wordplayButtonBar .cm_button.button.reset, #wp-container .wordplayButtonBar .cm_button.button.view-clip, #wp-container .wordplayButtonBar .cm_button.button.save-clip { float: none; } #wp-container .wordplayButtonBar .cm_button.button.reset { order: 1; margin-right: auto !important; } #wp-container .wordplayButtonBar .cm_button.button.save-clip { order: 3; } #wp-container .wordplayButtonBar .cm_button.button.load-clip { display: none; } #wp-container .wordplayLeftBar { display: flex; flex-direction: column; float: none; width: auto; } #wp-container .wordplayLeftBar .wordplayClipInfo { order: 1; padding: 0 0 1rem 0; } #wp-container .wordplayLeftBar .wordplayClipInfo .wordplayClipMetadata div:last-child { margin-bottom: 0; } #wp-container .wordplayLeftBar .orderButtonsContainer { order: 3; display: flex; width: 100%; padding: 0.65rem 0; justify-content: center; } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n) { padding: .5rem; border-radius: 8.333rem; font-size: .7rem; background-color: #005494 !important; } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):hover, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):focus, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):active { background-color: #0060a8 !important; } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n) .fa { color: #ffffff; } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):disabled, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):disabled:hover, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n).order-btn-disabled, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n).order-btn-disabled:hover { background-color: rgba(0, 84, 148, 0.35) !important; } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n):disabled .fa, #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(n).order-btn-disabled .fa { color: light(#ffffff, 0.5); } #wp-container .wordplayLeftBar .orderButtonsContainer .cm_button:nth-child(2) { margin: 0 .5rem; } #wp-container .wordplayLeftBar .wordplayLogoContainer { order: 4; } #wp-container .wordplayLeftBar .wordplayNavigationControls a { background-color: #005494 !important; } #wp-container .wordplayLeftBar .wordplayNavigationControls a:hover, #wp-container .wordplayLeftBar .wordplayNavigationControls a:focus, #wp-container .wordplayLeftBar .wordplayNavigationControls a:active { background-color: #005da3 !important; } #wp-container .wordplayRightBar { float: none !important; width: auto !important; } #wp-container .wordplayRightBar .wordplayTransciptContainer + div:not(#archive-overlay) { display: none; } #wp-container .wordplayClipInfo { height: auto; width: auto; } #wp-container .wordplayClose { margin: 0; display: none; } #wp-container .wordplayButtonBar { float: none; min-width: 0; } #wp-container .wordplayLogoContainer { display: none !important; } .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-titlebar-close { cursor: pointer; } .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-titlebar-close, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-titlebar-close:hover { padding: 0; } .critical-dialog.ui-dialog .ui-widget-content.ui-dialog-content { min-height: 0 !important; padding: 0 0 .5rem 0; } .critical-dialog.ui-dialog .ui-widget-content.ui-dialog-content .message { color: #101010; } .critical-dialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane { padding: .5rem 0 1rem 0; } #btn_email, #btn_download, #clip_popup, #savestatespopup, #order, #orderWrap, #wp-container .view-clip, #wp-container .wordplayClipName, .wordplay-popup-overlay { display: none; } #wp-container button span, #orderOverlay button span, #archive-buttons button span, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset button span { font-size: 1em !important; } #wp-container .ui-button, #orderOverlay .ui-button, #archive-buttons .ui-button, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button { background-color: #ffffff !important; border-color: #ff5126 !important; color: #ff5126 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .ui-button .ui-button-text, #orderOverlay .ui-button .ui-button-text, #archive-buttons .ui-button .ui-button-text, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button .ui-button-text { color: #ff5126 !important; } #wp-container .ui-button:hover, #wp-container .ui-button:focus, #wp-container .ui-button:active, #orderOverlay .ui-button:hover, #orderOverlay .ui-button:focus, #orderOverlay .ui-button:active, #archive-buttons .ui-button:hover, #archive-buttons .ui-button:focus, #archive-buttons .ui-button:active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:active { background-color: #ff5126 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .ui-button:hover .ui-button-text, #wp-container .ui-button:focus .ui-button-text, #wp-container .ui-button:active .ui-button-text, #orderOverlay .ui-button:hover .ui-button-text, #orderOverlay .ui-button:focus .ui-button-text, #orderOverlay .ui-button:active .ui-button-text, #archive-buttons .ui-button:hover .ui-button-text, #archive-buttons .ui-button:focus .ui-button-text, #archive-buttons .ui-button:active .ui-button-text, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:hover .ui-button-text, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:focus .ui-button-text, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:active .ui-button-text { color: #ffffff !important; } #wp-container .cm_button, #wp-container #btn_clear_clip, #wp-container .ui-button, #orderOverlay .cm_button, #orderOverlay #btn_clear_clip, #orderOverlay .ui-button, #archive-buttons .cm_button, #archive-buttons #btn_clear_clip, #archive-buttons .ui-button, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_clear_clip, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button { height: auto; line-height: 1; } #wp-container .cm_button div, #wp-container .cm_button span, #wp-container #btn_clear_clip div, #wp-container #btn_clear_clip span, #wp-container .ui-button div, #wp-container .ui-button span, #orderOverlay .cm_button div, #orderOverlay .cm_button span, #orderOverlay #btn_clear_clip div, #orderOverlay #btn_clear_clip span, #orderOverlay .ui-button div, #orderOverlay .ui-button span, #archive-buttons .cm_button div, #archive-buttons .cm_button span, #archive-buttons #btn_clear_clip div, #archive-buttons #btn_clear_clip span, #archive-buttons .ui-button div, #archive-buttons .ui-button span, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button div, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button span, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_clear_clip div, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_clear_clip span, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button div, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button span { line-height: 1; } #wp-container .cm_button:not(#btn_download):not(#btn_order):not(#btn_email), #wp-container #btn_clear_clip:not(#btn_download):not(#btn_order):not(#btn_email), #wp-container .ui-button:not(#btn_download):not(#btn_order):not(#btn_email), #orderOverlay .cm_button:not(#btn_download):not(#btn_order):not(#btn_email), #orderOverlay #btn_clear_clip:not(#btn_download):not(#btn_order):not(#btn_email), #orderOverlay .ui-button:not(#btn_download):not(#btn_order):not(#btn_email), #archive-buttons .cm_button:not(#btn_download):not(#btn_order):not(#btn_email), #archive-buttons #btn_clear_clip:not(#btn_download):not(#btn_order):not(#btn_email), #archive-buttons .ui-button:not(#btn_download):not(#btn_order):not(#btn_email), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button:not(#btn_download):not(#btn_order):not(#btn_email), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_clear_clip:not(#btn_download):not(#btn_order):not(#btn_email), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button:not(#btn_download):not(#btn_order):not(#btn_email) { font-size: 0.68rem !important; padding: 0.3rem 0.65rem !important; } #wp-container #btn_order, #orderOverlay #btn_order, #archive-buttons #btn_order, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_order { display: block; } #wp-container #btn_order.hint--top:after, #orderOverlay #btn_order.hint--top:after, #archive-buttons #btn_order.hint--top:after, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_order.hint--top:after { margin-left: 0; transform: translateX(-50%); } #wp-container #btn_download, #wp-container #btn_order, #wp-container #btn_email, #orderOverlay #btn_download, #orderOverlay #btn_order, #orderOverlay #btn_email, #archive-buttons #btn_download, #archive-buttons #btn_order, #archive-buttons #btn_email, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_download, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_order, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_email { padding: 0.6rem; font-size: 0.7rem; } #wp-container #btn_download .fa, #wp-container #btn_order .fa, #wp-container #btn_email .fa, #orderOverlay #btn_download .fa, #orderOverlay #btn_order .fa, #orderOverlay #btn_email .fa, #archive-buttons #btn_download .fa, #archive-buttons #btn_order .fa, #archive-buttons #btn_email .fa, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_download .fa, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_order .fa, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset #btn_email .fa { line-height: 1; } #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled), #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled), #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled), #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled), #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled), #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled), #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled), #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled), #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled) { background-color: #ffffff !important; border-color: #444444 !important; color: #444444 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled) *, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled) *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled) *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled) *, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled) *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled) *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled) *, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled) *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled) * { color: #444444 !important; } #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover, #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus, #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active { background-color: #444444 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover *, #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus *, #wp-container.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active *, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover *, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus *, #wp-container .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active *, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover *, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus *, #orderOverlay .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active *, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover *, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus *, #archive-buttons .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip):not(.disabledButton):not(.disabled):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip):not(.disabledButton):not(.disabled):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue):not(.disabledButton):not(.disabled):active * { color: #ffffff !important; } #wp-container.wordplayPopup .cm_button:not(.view-clip).disabledButton, #wp-container.wordplayPopup .cm_button:not(.view-clip).disabled, #wp-container .archive-buttons .cm_button:not(.save-clip).disabledButton, #wp-container .archive-buttons .cm_button:not(.save-clip).disabled, #wp-container .buttonContainer .cm_button:not(.btn-order-continue).disabledButton, #wp-container .buttonContainer .cm_button:not(.btn-order-continue).disabled, #orderOverlay.wordplayPopup .cm_button:not(.view-clip).disabledButton, #orderOverlay.wordplayPopup .cm_button:not(.view-clip).disabled, #orderOverlay .archive-buttons .cm_button:not(.save-clip).disabledButton, #orderOverlay .archive-buttons .cm_button:not(.save-clip).disabled, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue).disabledButton, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue).disabled, #archive-buttons.wordplayPopup .cm_button:not(.view-clip).disabledButton, #archive-buttons.wordplayPopup .cm_button:not(.view-clip).disabled, #archive-buttons .archive-buttons .cm_button:not(.save-clip).disabledButton, #archive-buttons .archive-buttons .cm_button:not(.save-clip).disabled, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue).disabledButton, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue).disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip).disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip).disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip).disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip).disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue).disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue).disabled { background: rgba(255, 255, 255, 0.35) !important; border: rgba(68, 68, 68, 0.35) !important; color: rgba(68, 68, 68, 0.35) !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button:not(.view-clip).disabledButton *, #wp-container.wordplayPopup .cm_button:not(.view-clip).disabled *, #wp-container .archive-buttons .cm_button:not(.save-clip).disabledButton *, #wp-container .archive-buttons .cm_button:not(.save-clip).disabled *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue).disabledButton *, #wp-container .buttonContainer .cm_button:not(.btn-order-continue).disabled *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip).disabledButton *, #orderOverlay.wordplayPopup .cm_button:not(.view-clip).disabled *, #orderOverlay .archive-buttons .cm_button:not(.save-clip).disabledButton *, #orderOverlay .archive-buttons .cm_button:not(.save-clip).disabled *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue).disabledButton *, #orderOverlay .buttonContainer .cm_button:not(.btn-order-continue).disabled *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip).disabledButton *, #archive-buttons.wordplayPopup .cm_button:not(.view-clip).disabled *, #archive-buttons .archive-buttons .cm_button:not(.save-clip).disabledButton *, #archive-buttons .archive-buttons .cm_button:not(.save-clip).disabled *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue).disabledButton *, #archive-buttons .buttonContainer .cm_button:not(.btn-order-continue).disabled *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip).disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button:not(.view-clip).disabled *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip).disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .archive-buttons .cm_button:not(.save-clip).disabled *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue).disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .cm_button:not(.btn-order-continue).disabled * { color: rgba(68, 68, 68, 0.35) !important; } #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled), #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled), #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled) { background-color: #ffffff !important; border-color: #ff5126 !important; color: #ff5126 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled) *, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled) *, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled) * { color: #ff5126 !important; } #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover, #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus, #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active { background-color: #ff5126 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover *, #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus *, #wp-container.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active *, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover *, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus *, #orderOverlay.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active *, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover *, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus *, #archive-buttons.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip:not(.disabledButton):not(.disabled):active * { color: #ffffff !important; } #wp-container.wordplayPopup .cm_button.view-clip.disabledButton, #wp-container.wordplayPopup .cm_button.view-clip.disabled, #orderOverlay.wordplayPopup .cm_button.view-clip.disabledButton, #orderOverlay.wordplayPopup .cm_button.view-clip.disabled, #archive-buttons.wordplayPopup .cm_button.view-clip.disabledButton, #archive-buttons.wordplayPopup .cm_button.view-clip.disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip.disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip.disabled { background: rgba(255, 255, 255, 0.35) !important; border: rgba(255, 81, 38, 0.35) !important; color: rgba(255, 81, 38, 0.35) !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container.wordplayPopup .cm_button.view-clip.disabledButton *, #wp-container.wordplayPopup .cm_button.view-clip.disabled *, #orderOverlay.wordplayPopup .cm_button.view-clip.disabledButton *, #orderOverlay.wordplayPopup .cm_button.view-clip.disabled *, #archive-buttons.wordplayPopup .cm_button.view-clip.disabledButton *, #archive-buttons.wordplayPopup .cm_button.view-clip.disabled *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip.disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset.wordplayPopup .cm_button.view-clip.disabled * { color: rgba(255, 81, 38, 0.35) !important; } #wp-container .cm_button:active, #orderOverlay .cm_button:active, #archive-buttons .cm_button:active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button:active { top: 0; } #wp-container .cm_button.reset:not(.reset):not(.disabledButton), #wp-container .cm_button#btn_clear_clip:not(.reset):not(.disabledButton), #orderOverlay .cm_button.reset:not(.reset):not(.disabledButton), #orderOverlay .cm_button#btn_clear_clip:not(.reset):not(.disabledButton), #archive-buttons .cm_button.reset:not(.reset):not(.disabledButton), #archive-buttons .cm_button#btn_clear_clip:not(.reset):not(.disabledButton), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.reset):not(.disabledButton), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button#btn_clear_clip:not(.reset):not(.disabledButton) { background-color: #ffffff !important; border-color: #444444 !important; color: #444444 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.reset:not(.reset):not(.disabledButton) *, #wp-container .cm_button#btn_clear_clip:not(.reset):not(.disabledButton) *, #orderOverlay .cm_button.reset:not(.reset):not(.disabledButton) *, #orderOverlay .cm_button#btn_clear_clip:not(.reset):not(.disabledButton) *, #archive-buttons .cm_button.reset:not(.reset):not(.disabledButton) *, #archive-buttons .cm_button#btn_clear_clip:not(.reset):not(.disabledButton) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.reset):not(.disabledButton) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button#btn_clear_clip:not(.reset):not(.disabledButton) * { color: #444444 !important; } #wp-container .cm_button.reset.disabled, #wp-container .cm_button.reset.disabledButton, #orderOverlay .cm_button.reset.disabled, #orderOverlay .cm_button.reset.disabledButton, #archive-buttons .cm_button.reset.disabled, #archive-buttons .cm_button.reset.disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset.disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset.disabledButton { background: rgba(255, 255, 255, 0.35) !important; border: rgba(68, 68, 68, 0.35) !important; color: rgba(68, 68, 68, 0.35) !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.reset.disabled *, #wp-container .cm_button.reset.disabledButton *, #orderOverlay .cm_button.reset.disabled *, #orderOverlay .cm_button.reset.disabledButton *, #archive-buttons .cm_button.reset.disabled *, #archive-buttons .cm_button.reset.disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset.disabled *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset.disabledButton * { color: rgba(68, 68, 68, 0.35) !important; } #wp-container .cm_button.view-clip, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled), #orderOverlay .cm_button.view-clip, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled), #archive-buttons .cm_button.view-clip, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled) { background-color: #ffffff !important; border-color: #444444 !important; color: #444444 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.view-clip *, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled) *, #orderOverlay .cm_button.view-clip *, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled) *, #archive-buttons .cm_button.view-clip *, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled) * { color: #444444 !important; } #wp-container .cm_button.view-clip:hover, #wp-container .cm_button.view-clip:focus, #wp-container .cm_button.view-clip:active, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):hover, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):focus, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):active, #orderOverlay .cm_button.view-clip:hover, #orderOverlay .cm_button.view-clip:focus, #orderOverlay .cm_button.view-clip:active, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):hover, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):focus, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):active, #archive-buttons .cm_button.view-clip:hover, #archive-buttons .cm_button.view-clip:focus, #archive-buttons .cm_button.view-clip:active, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):hover, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):focus, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):active { background-color: #444444 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.view-clip:hover *, #wp-container .cm_button.view-clip:focus *, #wp-container .cm_button.view-clip:active *, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):hover *, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):focus *, #wp-container .cm_button.reset:not(.disabledButton):not(.disabled):active *, #orderOverlay .cm_button.view-clip:hover *, #orderOverlay .cm_button.view-clip:focus *, #orderOverlay .cm_button.view-clip:active *, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):hover *, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):focus *, #orderOverlay .cm_button.reset:not(.disabledButton):not(.disabled):active *, #archive-buttons .cm_button.view-clip:hover *, #archive-buttons .cm_button.view-clip:focus *, #archive-buttons .cm_button.view-clip:active *, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):hover *, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):focus *, #archive-buttons .cm_button.reset:not(.disabledButton):not(.disabled):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.view-clip:active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.reset:not(.disabledButton):not(.disabled):active * { color: #ffffff !important; } #wp-container .cm_button.save-clip:not(.disabledButton):not(.disabled), #wp-container .cm_button.btn-order-continue:not(.disabledButton):not(.disabled), #orderOverlay .cm_button.save-clip:not(.disabledButton):not(.disabled), #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):not(.disabled), #archive-buttons .cm_button.save-clip:not(.disabledButton):not(.disabled), #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):not(.disabled), .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):not(.disabled) { background-color: #ffffff !important; border-color: #ff5126 !important; color: #ff5126 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.save-clip:not(.disabledButton):not(.disabled) *, #wp-container .cm_button.btn-order-continue:not(.disabledButton):not(.disabled) *, #orderOverlay .cm_button.save-clip:not(.disabledButton):not(.disabled) *, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):not(.disabled) *, #archive-buttons .cm_button.save-clip:not(.disabledButton):not(.disabled) *, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):not(.disabled) *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):not(.disabled) * { color: #ff5126 !important; } #wp-container .cm_button.save-clip.disabledButton, #wp-container .cm_button.btn-order-continue.disabledButton, #orderOverlay .cm_button.save-clip.disabledButton, #orderOverlay .cm_button.btn-order-continue.disabledButton, #archive-buttons .cm_button.save-clip.disabledButton, #archive-buttons .cm_button.btn-order-continue.disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip.disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue.disabledButton { background: rgba(255, 255, 255, 0.35) !important; border: rgba(255, 81, 38, 0.35) !important; color: rgba(255, 81, 38, 0.35) !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.save-clip.disabledButton *, #wp-container .cm_button.btn-order-continue.disabledButton *, #orderOverlay .cm_button.save-clip.disabledButton *, #orderOverlay .cm_button.btn-order-continue.disabledButton *, #archive-buttons .cm_button.save-clip.disabledButton *, #archive-buttons .cm_button.btn-order-continue.disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip.disabledButton *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue.disabledButton * { color: rgba(255, 81, 38, 0.35) !important; } #wp-container .cm_button.save-clip:not(.disabledButton):hover, #wp-container .cm_button.save-clip:not(.disabledButton):focus, #wp-container .cm_button.save-clip:not(.disabledButton):active, #wp-container .cm_button.btn-order-continue:not(.disabledButton):hover, #wp-container .cm_button.btn-order-continue:not(.disabledButton):focus, #wp-container .cm_button.btn-order-continue:not(.disabledButton):active, #orderOverlay .cm_button.save-clip:not(.disabledButton):hover, #orderOverlay .cm_button.save-clip:not(.disabledButton):focus, #orderOverlay .cm_button.save-clip:not(.disabledButton):active, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):hover, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):focus, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):active, #archive-buttons .cm_button.save-clip:not(.disabledButton):hover, #archive-buttons .cm_button.save-clip:not(.disabledButton):focus, #archive-buttons .cm_button.save-clip:not(.disabledButton):active, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):hover, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):focus, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):active, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):hover, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):focus, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):active { background-color: #ff5126 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #wp-container .cm_button.save-clip:not(.disabledButton):hover *, #wp-container .cm_button.save-clip:not(.disabledButton):focus *, #wp-container .cm_button.save-clip:not(.disabledButton):active *, #wp-container .cm_button.btn-order-continue:not(.disabledButton):hover *, #wp-container .cm_button.btn-order-continue:not(.disabledButton):focus *, #wp-container .cm_button.btn-order-continue:not(.disabledButton):active *, #orderOverlay .cm_button.save-clip:not(.disabledButton):hover *, #orderOverlay .cm_button.save-clip:not(.disabledButton):focus *, #orderOverlay .cm_button.save-clip:not(.disabledButton):active *, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):hover *, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):focus *, #orderOverlay .cm_button.btn-order-continue:not(.disabledButton):active *, #archive-buttons .cm_button.save-clip:not(.disabledButton):hover *, #archive-buttons .cm_button.save-clip:not(.disabledButton):focus *, #archive-buttons .cm_button.save-clip:not(.disabledButton):active *, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):hover *, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):focus *, #archive-buttons .cm_button.btn-order-continue:not(.disabledButton):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.save-clip:not(.disabledButton):active *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):hover *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):focus *, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.btn-order-continue:not(.disabledButton):active * { color: #ffffff !important; } #wp-container .cm_button.disabled, #wp-container .cm_button.disabledButton, #orderOverlay .cm_button.disabled, #orderOverlay .cm_button.disabledButton, #archive-buttons .cm_button.disabled, #archive-buttons .cm_button.disabledButton, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.disabled, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button.disabledButton { opacity: 1; } #wp-container .cm_button .wordplayButtonBar .cm_button, #wp-container .cm_button #btn_clear_clip, #orderOverlay .cm_button .wordplayButtonBar .cm_button, #orderOverlay .cm_button #btn_clear_clip, #archive-buttons .cm_button .wordplayButtonBar .cm_button, #archive-buttons .cm_button #btn_clear_clip, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button .wordplayButtonBar .cm_button, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .cm_button #btn_clear_clip { height: auto; } #wp-container .hint--top:before, #wp-container .hint--top[data-hint]:before, #orderOverlay .hint--top:before, #orderOverlay .hint--top[data-hint]:before, #archive-buttons .hint--top:before, #archive-buttons .hint--top[data-hint]:before, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .hint--top:before, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .hint--top[data-hint]:before { display: none; } #wp-container .hint--top:after, #wp-container .hint--top[data-hint]:after, #orderOverlay .hint--top:after, #orderOverlay .hint--top[data-hint]:after, #archive-buttons .hint--top:after, #archive-buttons .hint--top[data-hint]:after, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .hint--top:after, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .hint--top[data-hint]:after { display: block; white-space: normal; width: 14.17rem; text-transform: none; border: 1px solid #444444; border-radius: .2px; box-shadow: none; background-color: #f4ece9; color: #101010; } #wp-container .orderButtonsContainer .cm_button:first-of-type.hint--top:after, #orderOverlay .orderButtonsContainer .cm_button:first-of-type.hint--top:after, #archive-buttons .orderButtonsContainer .cm_button:first-of-type.hint--top:after, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .orderButtonsContainer .cm_button:first-of-type.hint--top:after { margin-left: -.9rem; } #wp-container .buttonContainer .btn-order-continue.hint--top:after, #orderOverlay .buttonContainer .btn-order-continue.hint--top:after, #archive-buttons .buttonContainer .btn-order-continue.hint--top:after, .critical-dialog.ui-dialog .ui-widget-content .ui-dialog-buttonset .buttonContainer .btn-order-continue.hint--top:after { margin-left: -13.42rem; } #clip_popup { /* Un-comment these to style the clip popup instead of hiding it display: flex; flex-flow: row wrap; */ } #clip_popup .header { order: 1; width: 100%; } #clip_popup a { order: 3; } #clip_popup > .cm_button:last-child { order: 0; } #clip_popup > .cm_button:last-child:not(#btn_download):not(#btn_order):not(#btn_email) { padding: .5rem !important; font-size: .5rem !important; } #clip_popup .cm_button.copy-link { order: 1; margin-right: auto !important; } #clip_popup .cm_button.share-clip { order: 2; } #clip_popup .cm_button.view-clip { order: 3; background-color: #ffffff !important; border-color: #ff5126 !important; color: #ff5126 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #clip_popup .cm_button.view-clip * { color: #ff5126 !important; } #clip_popup .cm_button.view-clip:hover, #clip_popup .cm_button.view-clip:focus, #clip_popup .cm_button.view-clip:active { background-color: #ff5126 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #clip_popup .cm_button.view-clip:hover *, #clip_popup .cm_button.view-clip:focus *, #clip_popup .cm_button.view-clip:active * { color: #ffffff !important; } #clip_popup .cm_button:not(:last-of-type):not(.view-clip) { background-color: #ffffff !important; border-color: #444444 !important; color: #444444 !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #clip_popup .cm_button:not(:last-of-type):not(.view-clip) * { color: #444444 !important; } #clip_popup .cm_button:not(:last-of-type):not(.view-clip):hover, #clip_popup .cm_button:not(:last-of-type):not(.view-clip):focus, #clip_popup .cm_button:not(:last-of-type):not(.view-clip):active, #clip_popup .cm_button:not(:last-of-type):not(.view-clip).zeroclipboard-is-hover { background-color: #444444 !important; color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-radius: 2px !important; text-transform: uppercase; } #clip_popup .cm_button:not(:last-of-type):not(.view-clip):hover *, #clip_popup .cm_button:not(:last-of-type):not(.view-clip):focus *, #clip_popup .cm_button:not(:last-of-type):not(.view-clip):active *, #clip_popup .cm_button:not(:last-of-type):not(.view-clip).zeroclipboard-is-hover * { color: #ffffff !important; } #html5-player { order: 2; overflow: hidden; width: 100% !important; position: relative; padding-top: 56.25%; height: 0 !important; } #html5-player object { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; } #order_button_text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #minutes { top: 0; width: auto !important; margin-top: 10px !important; } #minutes.start_active .minute_text span:hover, #minutes.end_active .minute_text span:hover { background: #005494; color: #ffffff; } .critical-dialog.ui-dialog { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .critical-dialog.ui-dialog .ui-dialog-titlebar-close, .critical-dialog.ui-dialog .ui-dialog-titlebar-close:hover { padding: 0; } #archive-overlay { overflow: hidden; background: none !important; } #archive-overlay .archiveConfirmationPopup { box-sizing: border-box; display: block; width: 300px; max-width: 80%; padding: .7rem; top: 50%; left: 50%; transform: translate(-50%, -50%); } #archive-overlay .archiveConfirmationPopup .archive-buttons { display: flex; justify-content: space-between; } #archive-overlay .archiveConfirmationPopup .archive-buttons .cm_button:not(.save-clip) { order: 1; } #archive-overlay .archiveConfirmationPopup .archive-buttons .save-clip { order: 2; } #overlayWrap { box-sizing: border-box; overflow: hidden; animation: fadeIn .15s ease-in-out 1; } #overlayWrap > div, #overlayWrap > div > div { width: 100% !important; } #overlayWrap .orderMenu { padding: 0; } #overlayWrap .orderMenu .title { left: 0; color: #101010; font-size: 1.25em; text-transform: uppercase; font-weight: 700; margin-bottom: .7rem; } #overlayWrap .orderMenu br { display: none; } #overlayWrap .orderMenu .leftFormDiv, #overlayWrap .orderMenu .rightFormDiv { float: none; width: 100%; height: auto; padding: 0; border: 0; } #overlayWrap .orderMenu .dropdownContainer, #overlayWrap .orderMenu .formDiv { padding: 0; margin: 0; background: none; } #overlayWrap .orderMenu .notesDiv { height: auto; } #overlayWrap .orderMenu .notesDiv .notes { height: 10rem; } #overlayWrap .orderMenu .dropdownContainer { margin-bottom: .5rem; } #overlayWrap .orderMenu .dropdownContainer .select-qroup { display: block; } #overlayWrap .orderMenu .dropdownContainer .select-qroup:not(:last-child) { margin-bottom: 1rem; } #overlayWrap .orderMenu .dropdownContainer .select-qroup.select-format { margin-left: 0; } #overlayWrap .orderMenu .label, #overlayWrap .orderMenu .formatLabel, #overlayWrap .orderMenu .select2-container, #overlayWrap .orderMenu input[type="text"], #overlayWrap .orderMenu textarea { box-sizing: border-box; float: none; display: block; width: 100%; margin-bottom: 1rem; } #overlayWrap .orderMenu #typeLabel, #overlayWrap .orderMenu #formatLabel, #overlayWrap .orderMenu .label { display: block; color: #101010; font-weight: 700; margin: 0 0 .5rem 0; } #overlayWrap .orderMenu .select2-container { width: 100% !important; } #overlayWrap .orderMenu .postalCodeLabel { top: 0; margin: 0.5833rem 0 0.6667rem 0 !important; } #overlayWrap .orderMenu .buttonContainer { display: flex; justify-content: space-between; } #overlayWrap .orderMenu .buttonContainer .cm_button:not(.btn-order-continue) { order: 1; } #overlayWrap .orderMenu .buttonContainer .btn-order-continue { order: 2; } #overlayWrap .orderMenu, #overlayWrap .orderMenu .dropdownContainer { height: auto !important; margin-bottom: 1.55rem; } #orderOverlay { box-sizing: border-box; float: none !important; width: 100% !important; margin: 0rem !important; padding: 0 1px 0 0 !important; background: #f7f7f7 !important; } #overlay { opacity: 1 !important; background: #f7f7f7 !important; } .wordplay-popup-overlay { background: none; } #states, #s2id_states { margin: 0; }