@charset "UTF-8"; html, body { height: 100% !important; } #webForms * { box-sizing: border-box; font-weight: normal; letter-spacing: 0; opacity: 1; max-width: none; direction: inherit; text-align: inherit; outline: none; } #webForms input { line-height: 18px; } #webForms .queuesSelect { display: block; } #webForms .cp_q_label { line-height: 1; } #webForms *::-moz-focus-inner { border: 0; } #webForms .cp_main_area * { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } #webForms .paymentWindow, #webForms .ssnWindow { display: none; left: auto; height: 450px !important; width: 500px !important; right: 300px !important; background-color: #ebebeb; border: 1px solid #d6d6d6; border-radius: 5px 5px 0 0; box-shadow: -10px -8px 19px -5px rgba(0, 0, 0, 0.2); color: #000; } #webForms .paymentWindow .paymentHeader, #webForms .ssnWindow .ssnHeader { width: 100%; height: 36px; border: 1px solid white; background-color: rgb(146, 146, 151); color: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; padding: 10px; } #webForms .paymentWindow .paymentForm, #webForms .ssnWindow .ssnForm { padding-right: 20px; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; height: calc(100% - 34px); overflow: auto; } #webForms .ssnWindow .ssnForm { margin-top: 30%; padding: 20px; } #webForms .paymentWindow .paymentHeader .cp_close-payment, #webForms .ssnWindow .ssnHeader .cp_close-ssn { padding: 0; background: none; border: none; position: absolute; cursor: pointer; } #webForms .paymentWindow .paymentHeader .cp_header-buttons-container, #webForms .ssnWindow .ssnHeader .cp_header-buttons-container { float: right; margin-right: 15px; margin-top: -3px; } #webForms .paymentWindow .paymentForm > p { padding-bottom: 8px; } #webForms .paymentWindow .paymentForm > p > select { margin-bottom: 0px; } #webForms .paymentWindow .paymentForm .monthSelection { max-width: 100px; display: inline; } #webForms .paymentWindow .paymentForm .yearSelection { max-width: 100px; display: inline; margin-left: 10px; } #webForms img { margin: 0; padding: 0; border: 0; vertical-align: bottom; background: inherit; background: initial; position: static; position: initial; color: #000; width: auto; height: auto; text-shadow: none; box-shadow: none; -webkit-box-shadow: initial; line-height: normal; } #webForms input[type="radio"], #webForms textarea { margin: 0; padding: 0; border: 0; vertical-align: baseline; position: static; position: initial; color: #000; width: auto; height: auto; min-height: 0; text-shadow: none; box-shadow: none; -webkit-box-shadow: initial; line-height: normal; } #webForms input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } #webForms textarea { font-size: inherit; } #webForms legend { display: block; } #webForms div, #webForms button { position: initial; font-family: inherit; color: inherit; width: auto; height: auto; text-shadow: none; box-shadow: none; -webkit-box-shadow: initial; line-height: normal; font-size: inherit; } #webForms button { font-size: 1em; border-radius: 0; } #webForms input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } #webForms input { height: auto; vertical-align: middle; } #webForms .cpHide { display: none !important; } #webForms .cpNoOutlineFocus { outline: none !important; } #webForms .cpInlineBlock { display: inline-block !important; } #webForms .cpClearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .cp_desktop #webForms .cp_close-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } .cp_desktop #webForms .cp_close-icon.cp_icon-white img { top: -40px !important; left: -480px !important; } .cp_desktop #webForms .cp_close-icon img { top: 0 !important; left: -480px !important; position: absolute !important; } .cp_desktop #webForms .cp_minimize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } .cp_desktop #webForms .cp_minimize-icon.cp_icon-white img { top: -40px !important; left: -600px !important; } .cp_desktop #webForms .cp_minimize-icon img { top: 0 !important; left: -600px !important; position: absolute !important; } .cp_desktop #webForms .cp_maximize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } .cp_desktop #webForms .cp_maximize-icon.cp_icon-white img { top: -40px !important; left: -960px !important; } .cp_desktop #webForms .cp_maximize-icon img { top: 0 !important; left: -960px !important; position: absolute !important; } .cp_desktop #webForms .cp_close, .cp_desktop #webForms .cp_minimize, .cp_desktop #webForms .cp_maximize, .cp_desktop #webForms .cp_popout, .cp_desktop #webForms .cp_actions_button, .cp_desktop #webForms .cp_slider { width: 22px; height: 22px; } .cp_tablet #webForms .cp_close-icon, .cp_mobile #webForms .cp_close-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 24px !important; height: 24px !important; } .cp_tablet #webForms .cp_close-icon.cp_icon-white img, .cp_mobile #webForms .cp_close-icon.cp_icon-white img { top: -40px !important; left: -480px !important; } .cp_tablet #webForms .cp_close-icon img, .cp_mobile #webForms .cp_close-icon img { top: 0 !important; left: -480px !important; position: absolute !important; } .cp_tablet #webForms .cp_minimize-icon, .cp_mobile #webForms .cp_minimize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 24px !important; height: 24px !important; } .cp_tablet #webForms .cp_minimize-icon.cp_icon-white img, .cp_mobile #webForms .cp_minimize-icon.cp_icon-white img { top: -40px !important; left: -600px !important; } .cp_tablet #webForms .cp_minimize-icon img, .cp_mobile #webForms .cp_minimize-icon img { top: 0 !important; left: -600px !important; position: absolute !important; } .cp_tablet #webForms .cp_maximize-icon, .cp_mobile #webForms .cp_maximize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 24px !important; height: 24px !important; } .cp_tablet #webForms .cp_maximize-icon.cp_icon-white img, .cp_mobile #webForms .cp_maximize-icon.cp_icon-white img { top: -40px !important; left: -960px !important; } .cp_tablet #webForms .cp_maximize-icon img, .cp_mobile #webForms .cp_maximize-icon img { top: 0 !important; left: -960px !important; position: absolute !important; } .cp_tablet #webForms .cp_close, .cp_tablet #webForms .cp_minimize, .cp_tablet #webForms .cp_maximize, .cp_tablet #webForms .cp_popout, .cp_tablet #webForms .cp_actions_button, .cp_tablet #webForms .cp_slider, .cp_mobile #webForms .cp_close, .cp_mobile #webForms .cp_minimize, .cp_mobile #webForms .cp_maximize, .cp_mobile #webForms .cp_popout, .cp_mobile #webForms .cp_actions_button, .cp_mobile #webForms .cp_slider { width: 24px; height: 24px; } #webForms button:focus, #webForms input:focus, #webForms textarea:focus, #webForms select:focus, #webForms a:focus { outline: #6A9FB1 solid 2px; } .cp_mobile #webForms, .cp_tablet #webForms, .cp_desktop #webForms { font-family: "Arial"; } .cp_mobile #webForms > .cp_buffer-strip, .cp_tablet #webForms > .cp_buffer-strip, .cp_desktop #webForms > .cp_buffer-strip { display: none; } .cp_mobile #webForms .cp_centerd_img, .cp_tablet #webForms .cp_centerd_img, .cp_desktop #webForms .cp_centerd_img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .cp_mobile #webForms table.cp_centralizer, .cp_tablet #webForms table.cp_centralizer, .cp_desktop #webForms table.cp_centralizer { height: 100%; width: 100%; } .cp_mobile #webForms table.cp_centralizer td, .cp_tablet #webForms table.cp_centralizer td, .cp_desktop #webForms table.cp_centralizer td { text-align: center; vertical-align: middle; } .cp_mobile #webForms .cp_rotator-container, .cp_tablet #webForms .cp_rotator-container, .cp_desktop #webForms .cp_rotator-container { position: relative; display: inline-block; width: 100px; height: 100px; } .cp_mobile #webForms .cp_rotator-container .cp_rotator-container-bg, .cp_tablet #webForms .cp_rotator-container .cp_rotator-container-bg, .cp_desktop #webForms .cp_rotator-container .cp_rotator-container-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; opacity: 0.92; border-radius: 10px; } .cp_mobile #webForms .cp_rotator-container .cp_rotator, .cp_tablet #webForms .cp_rotator-container .cp_rotator, .cp_desktop #webForms .cp_rotator-container .cp_rotator { padding-top: 12px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized, .cp_tablet #webForms > .cp_minimized .cp_header_minimized, .cp_desktop #webForms > .cp_minimized .cp_header_minimized, .cp_mobile #webForms > .cp_maximized .cp_header, .cp_tablet #webForms > .cp_maximized .cp_header, .cp_desktop #webForms > .cp_maximized .cp_header { border-color: #d6d6d6; border-width: 1px; border-style: solid; font-size: 1.1em; z-index: 2; width: 100%; position: absolute; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper { width: 100%; height: 100%; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title { direction: ltr; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title > *, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title > *, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title > *, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title > *, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title > *, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title > * { vertical-align: middle; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_top-text, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_top-text, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_top-text, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_top-text, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_top-text, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_top-text { overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-left: 8px; max-width: 150px; white-space: nowrap; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_chatting-with-icon.cpHide ~ .cp_top-text { margin-left: 0; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_slider.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_slider.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_slider.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_slider.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_slider.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_slider.cp_hidden { display: none !important; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close.cp_hidden, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh.cp_hidden, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon.cp_hidden { display: none; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled { cursor: default; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_close:disabled img, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_minimize:disabled img, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_maximize:disabled img, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_popout:disabled img, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_refresh:disabled img, .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled img, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled img, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_chatting-with-icon:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_close:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_minimize:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_maximize:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_popout:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_refresh:disabled img, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled img, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled img, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_chatting-with-icon:disabled img { opacity: 0.5; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper button, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper button, .cp_desktop #webForms > .cp_maximized .cp_header .cp_header-content-wrapper button { padding: 0; background: none; border: none; position: absolute; cursor: pointer; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized.cp_slider, .cp_tablet #webForms > .cp_minimized .cp_header_minimized.cp_slider, .cp_desktop #webForms > .cp_minimized .cp_header_minimized.cp_slider, .cp_mobile #webForms > .cp_maximized .cp_header.cp_slider, .cp_tablet #webForms > .cp_maximized .cp_header.cp_slider, .cp_desktop #webForms > .cp_maximized .cp_header.cp_slider { position: absolute; width: 22px; height: 22px; top: 5px; left: 5px; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized, .cp_desktop #webForms > .cp_minimized > .cp_main, .cp_mobile #webForms > .cp_maximized > .cp_main_minimized, .cp_tablet #webForms > .cp_maximized > .cp_main, .cp_desktop #webForms > .cp_maximized > .cp_main { padding: 0; z-index: 1; height: 100%; width: 100%; position: absolute; right: 0; bottom: 0; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized .cp_wait, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized .cp_wait, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized .cp_wait, .cp_mobile #webForms > .cp_maximized > .cp_main .cp_wait, .cp_tablet #webForms > .cp_maximized > .cp_main .cp_wait, .cp_desktop #webForms > .cp_maximized > .cp_main .cp_wait { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized .cp_wait table, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized .cp_wait table, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized .cp_wait table, .cp_mobile #webForms > .cp_maximized > .cp_main .cp_wait table, .cp_tablet #webForms > .cp_maximized > .cp_main .cp_wait table, .cp_desktop #webForms > .cp_maximized > .cp_main .cp_wait table { height: 100%; width: 100%; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized .cp_wait table td, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized .cp_wait table td, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized .cp_wait table td, .cp_mobile #webForms > .cp_maximized > .cp_main .cp_wait table td, .cp_tablet #webForms > .cp_maximized > .cp_main .cp_wait table td, .cp_desktop #webForms > .cp_maximized > .cp_main .cp_wait table td { text-align: center; vertical-align: middle; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_message, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_message, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized > .cp_message, .cp_mobile #webForms > .cp_maximized > .cp_main > .cp_message, .cp_tablet #webForms > .cp_maximized > .cp_main > .cp_message, .cp_desktop #webForms > .cp_maximized > .cp_main > .cp_message { text-align: center; width: 100%; height: 100%; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_message img[src=""], .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_message img[src=""], .cp_desktop #webForms > .cp_minimized > .cp_main_minimized > .cp_message img[src=""], .cp_mobile #webForms > .cp_maximized > .cp_main > .cp_message img[src=""], .cp_tablet #webForms > .cp_maximized > .cp_main > .cp_message img[src=""], .cp_desktop #webForms > .cp_maximized > .cp_main > .cp_message img[src=""] { display: none; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text, .cp_mobile #webForms > .cp_maximized > .cp_main > .cp_message .cp_text, .cp_tablet #webForms > .cp_maximized > .cp_main > .cp_message .cp_text, .cp_desktop #webForms > .cp_maximized > .cp_main > .cp_message .cp_text { padding: 10px 4px 0 4px; text-align: center; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text:empty, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text:empty, .cp_desktop #webForms > .cp_minimized > .cp_main_minimized > .cp_message .cp_text:empty, .cp_mobile #webForms > .cp_maximized > .cp_main > .cp_message .cp_text:empty, .cp_tablet #webForms > .cp_maximized > .cp_main > .cp_message .cp_text:empty, .cp_desktop #webForms > .cp_maximized > .cp_main > .cp_message .cp_text:empty { display: none; } .cp_mobile #webForms > .cp_maximized, .cp_tablet #webForms > .cp_maximized, .cp_desktop #webForms > .cp_maximized { border: 1px solid #d6d6d6; border-radius: 5px 5px 0 0; box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2); color: #000; } .cp_mobile #webForms > .cp_maximized > .cp_header, .cp_tablet #webForms > .cp_maximized > .cp_header, .cp_desktop #webForms > .cp_maximized > .cp_header { cursor: move; } .cp_mobile #webForms > .cp_maximized > .cp_main, .cp_tablet #webForms > .cp_maximized > .cp_main, .cp_desktop #webForms > .cp_maximized > .cp_main { background-color: #fff; } .cp_mobile #webForms > .cp_maximized.cp_external-window, .cp_tablet #webForms > .cp_maximized.cp_external-window, .cp_desktop #webForms > .cp_maximized.cp_external-window { border-radius: 0; position: fixed; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .cp_mobile #webForms > .cp_maximized.cp_external-window > .cp_header, .cp_tablet #webForms > .cp_maximized.cp_external-window > .cp_header, .cp_desktop #webForms > .cp_maximized.cp_external-window > .cp_header { cursor: default; } .cp_mobile #webForms > .cp_maximized.cp_external-window > .cp_header .cp_header-content-wrapper .cp_minimize, .cp_tablet #webForms > .cp_maximized.cp_external-window > .cp_header .cp_header-content-wrapper .cp_minimize, .cp_desktop #webForms > .cp_maximized.cp_external-window > .cp_header .cp_header-content-wrapper .cp_minimize { display: none; } .cp_mobile #webForms > .cp_maximized > .cp_header, .cp_tablet #webForms > .cp_maximized > .cp_header, .cp_desktop #webForms > .cp_maximized > .cp_header { border-radius: 5px 5px 0 0; background-color: #f0f0f0; } .cp_mobile #webForms > .cp_minimized, .cp_tablet #webForms > .cp_minimized, .cp_desktop #webForms > .cp_minimized { border-radius: 5px 5px 0 0; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized, .cp_tablet #webForms > .cp_minimized .cp_header_minimized, .cp_desktop #webForms > .cp_minimized .cp_header_minimized { border-radius: 5px 5px 0 0; background-color: #f0f0f0; box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2); height: 100%; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper { border-radius: inherit; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper > div, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper > div, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper > div { border-radius: inherit; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper { text-align: center; display: table; border-collapse: collapse; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper > *, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper > *, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper > *, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper > * { vertical-align: middle; display: table-cell; } .cp_mobile #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_header-buttons-container, .cp_tablet #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_header-buttons-container, .cp_mobile #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_header-buttons-container, .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_header-buttons-container { display: table; } .cp_mobile #webForms > .cp_minimized.cp_webview-window > .cp_header .cp_header-content-wrapper .cp_minimize, .cp_tablet #webForms > .cp_minimized.cp_webview-window > .cp_header .cp_header-content-wrapper .cp_minimize, .cp_mobile #webForms > .cp_maximized.cp_webview-window > .cp_header .cp_header-content-wrapper .cp_minimize, .cp_tablet #webForms > .cp_maximized.cp_webview-window > .cp_header .cp_header-content-wrapper .cp_minimize { display: block; } .cp_mobile #webForms > .cp_buffer-strip, .cp_tablet #webForms > .cp_buffer-strip { position: fixed; opacity: 0.95; bottom: 0; left: 0; right: 0; } .cp_mobile #webForms > .cp_buffer-strip .cp_buffer-strip-container, .cp_tablet #webForms > .cp_buffer-strip .cp_buffer-strip-container { width: 100%; height: 100%; } .cp_mobile #webForms > .cp_maximized, .cp_tablet #webForms > .cp_maximized { z-index: 99999999; opacity: 0.95; position: fixed; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0; } .cp_mobile #webForms > .cp_maximized > .cp_header, .cp_tablet #webForms > .cp_maximized > .cp_header { direction: ltr; height: 8%; min-height: 40px; } .cp_mobile #webForms > .cp_maximized > .cp_header .cp_title, .cp_tablet #webForms > .cp_maximized > .cp_header .cp_title { width: 100%; text-align: center; } .cp_mobile #webForms > .cp_maximized > .cp_header .cp_title .cp_top-text, .cp_tablet #webForms > .cp_maximized > .cp_header .cp_title .cp_top-text { text-align: center; } .cp_mobile #webForms > .cp_maximized > .cp_header button, .cp_tablet #webForms > .cp_maximized > .cp_header button { top: 0; right: 0; height: 100%; width: 40px; text-align: center; position: absolute; } .cp_mobile #webForms > .cp_maximized > .cp_header button.cp_popout, .cp_tablet #webForms > .cp_maximized > .cp_header button.cp_popout { display: none; } .cp_mobile #webForms > .cp_maximized > .cp_header button.cp_close, .cp_tablet #webForms > .cp_maximized > .cp_header button.cp_close { right: 0; } .cp_mobile #webForms > .cp_maximized > .cp_header button.cp_minimize, .cp_tablet #webForms > .cp_maximized > .cp_header button.cp_minimize { right: auto; left: 0; } .cp_mobile #webForms > .cp_maximized > .cp_main, .cp_tablet #webForms > .cp_maximized > .cp_main { height: 92%; } .cp_mobile #webForms > .cp_minimized, .cp_tablet #webForms > .cp_minimized { position: fixed; z-index: 99999999; top: 28%; right: 0; min-width: 40px; height: 43%; border-radius: 5px 0 0 5px; } .cp_mobile #webForms > .cp_minimized.cp_top-left, .cp_tablet #webForms > .cp_minimized.cp_top-left { top: 5%; right: auto; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized.cp_top-left .cp_notification_number, .cp_tablet #webForms > .cp_minimized.cp_top-left .cp_notification_number { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized.cp_top-right, .cp_tablet #webForms > .cp_minimized.cp_top-right { top: 5%; } .cp_mobile #webForms > .cp_minimized.cp_bottom-right, .cp_tablet #webForms > .cp_minimized.cp_bottom-right { top: 52%; } .cp_mobile #webForms > .cp_minimized.cp_bottom-left, .cp_tablet #webForms > .cp_minimized.cp_bottom-left { top: 52%; right: auto; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized.cp_bottom-left .cp_notification_number, .cp_tablet #webForms > .cp_minimized.cp_bottom-left .cp_notification_number { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized.cp_middle-left, .cp_tablet #webForms > .cp_minimized.cp_middle-left { top: 30%; right: auto; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized.cp_middle-left .cp_notification_number, .cp_tablet #webForms > .cp_minimized.cp_middle-left .cp_notification_number { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized { height: 100%; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header { direction: ltr; border-radius: 5px 0 0 5px; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header button, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header button { width: 100%; text-align: center; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header button.cp_close, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header button.cp_close { padding-top: 8px; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header button.cp_maximize, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header button.cp_maximize { margin: 31px 0 0 3px; padding: 4px 0 10px 0; width: 84%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); outline: none; } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header .cp_title, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header .cp_title { padding: 0; position: absolute; top: 63%; left: -30px; width: 100px; white-space: nowrap; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .cp_mobile #webForms > .cp_minimized > .cp_main_minimized > .cp_header .cp_title .cp_top-text, .cp_tablet #webForms > .cp_minimized > .cp_main_minimized > .cp_header .cp_title .cp_top-text { max-width: 94px; } .cp_desktop #webForms { font-size: 13px; } .cp_desktop #webForms > * { width: 280px; z-index: 99999999; position: fixed; bottom: 0; } .cp_desktop #webForms > * .cp_header { height: 36px; padding: 0px 5px; } .cp_desktop #webForms > * .cp_header button { z-index: 99999999; top: 6px; } .cp_desktop #webForms > .cp_maximized { height: 450px; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_title { float: left; padding-top: 9px; padding-left: 3px; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper .cp_header-buttons-container { float: right; direction: ltr !important; font-size: 0; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper button { position: relative; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper button.cp_close, .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper button.cp_minimize { display: inline-block; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper .cp_slider { position: absolute; left: 5px; top: 5px; width: 22px; height: 22px; } .cp_desktop #webForms > .cp_maximized > .cp_header .cp_header-content-wrapper .cp_slider_gap { margin-left: 20px; } .cp_desktop #webForms > .cp_maximized > .cp_main { height: auto; top: 36px; } .cp_desktop #webForms > .cp_maximized.cp_external-window { border-radius: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0 auto; max-width: 600px; } .cp_desktop #webForms > .cp_maximized.cp_external-window > .cp_header .cp_close, .cp_desktop #webForms > .cp_maximized.cp_external-window > .cp_header .cp_minimize { display: none; } .cp_desktop #webForms > .cp_minimized { height: 36px; } .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_title { float: left; padding-top: 9px; padding-left: 7px; width: auto; } .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper .cp_header-buttons-container { float: right; direction: ltr !important; font-size: 0; } .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button { position: relative; } .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button.cp_close, .cp_desktop #webForms > .cp_minimized .cp_header_minimized .cp_header-content-wrapper button.cp_maximize { display: inline-block; } .cp_desktop #webForms > .cp_minimized > .cp_main_minimized { width: 100%; height: 100%; } .cp_desktop #webForms .cp_maximized .cp_notification_number.wsdkNotification { text-align: center; display: table; border-collapse: collapse; width: 100%; height: 100%; cursor: default; float: left; overflow: visible; border-radius: 50%; background-color: #ed1c24; width: 20px; height: 20px; font-size: 0.7em; z-index: 1000; margin: 7px 8px; margin-left: 15px; text-indent: -1px; } .cp_desktop #webForms .cp_maximized .cp_notification_number.wsdkNotification > * { vertical-align: middle; display: table-cell; } .cp_desktop #webForms .cp_maximized .cp_notification_number.wsdkNotification .cp_notification_text { text-align: center; color: white; border-radius: inherit; } .cp_mobile #webForms { font-size: 14px; } .cp_mobile #webForms .cp_maximized .cp_header .cp_slider { left: 40px; } .cp_mobile #webForms .cp_maximized .cp_notification_number.wsdkNotification { text-align: center; display: table; border-collapse: collapse; width: 100%; height: 100%; cursor: default; float: left; overflow: visible; border-radius: 50%; background-color: #ed1c24; width: 20px; height: 20px; font-size: 0.7em; margin: 7px 8px; z-index: 1000; text-indent: -1px; position: absolute; left: 60px; top: 8px; } .cp_mobile #webForms .cp_maximized .cp_notification_number.wsdkNotification > * { vertical-align: middle; display: table-cell; } .cp_mobile #webForms .cp_maximized .cp_notification_number.wsdkNotification .cp_notification_text { top: 4px; position: absolute; width: 20px; height: 20px; text-align: center; color: white; border-radius: inherit; } .cp_tablet #webForms { font-size: 18px; } .cp_tablet #webForms > .cp_minimized { top: 38%; height: 24%; } .cp_tablet #webForms > .cp_minimized.cp_bottom-right, .cp_tablet #webForms > .cp_minimized.cp_bottom-left { top: auto; bottom: 5%; } .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_title .cp_top-text { max-width: 250px; } .cp_tablet #webForms > .cp_maximized .cp_header .cp_header-content-wrapper .cp_slider { left: 40px; } .cp_tablet #webForms > .cp_maximized.cp_webview-window > .cp_header .cp_header-content-wrapper .cp_minimize { display: block; } .cp_tablet #webForms .cp_maximized .cp_notification_number.wsdkNotification { text-align: center; display: table; border-collapse: collapse; width: 100%; height: 100%; cursor: default; float: left; overflow: visible; border-radius: 50%; background-color: #ed1c24; width: 25px; height: 25px; font-size: 0.6em; margin: 7px 8px; z-index: 1000; text-indent: -1px; position: absolute; left: 60px; top: 21px; } .cp_tablet #webForms .cp_maximized .cp_notification_number.wsdkNotification > * { vertical-align: middle; display: table-cell; } .cp_tablet #webForms .cp_maximized .cp_notification_number.wsdkNotification .cp_notification_text { position: absolute; width: 25px; height: 25px; top: 5px; text-align: center; color: white; border-radius: inherit; } .cp_mobile.cp_landscape #webForms > .cp_maximized .cp_header, .cp_tablet.cp_landscape #webForms > .cp_maximized .cp_header { display: none !important; } .cp_mobile.cp_landscape #webForms > .cp_maximized > .cp_main, .cp_tablet.cp_landscape #webForms > .cp_maximized > .cp_main { padding-top: 0; top: 0; height: 100%; } .cp_mobile.cp_landscape #webForms > .cp_minimized { top: 16%; height: 67%; } .cp_tablet.cp_landscape #webForms > .cp_minimized { top: 34%; height: 32%; } .cp_tablet.cp_landscape #webForms > .cp_minimized.cp_top-right, .cp_tablet.cp_landscape #webForms > .cp_minimized.cp_top-left { top: 5%; } .cp_tablet.cp_landscape #webForms > .cp_minimized.cp_bottom-right, .cp_tablet.cp_landscape #webForms > .cp_minimized.cp_bottom-left { top: auto; bottom: 5%; } #webForms .cp_main { position: absolute; bottom: 0; left: 0; right: 0; } #webForms .cp_main .cp_location_top { text-align: center; position: relative; font-weight: normal; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: -webkit-center; display: table; width: 100%; } #webForms .cp_main .cp_location_top .cp_top_header_text { text-align: -webkit-center; display: inline-block; display: table-cell; vertical-align: middle; text-align: center; } .cp_cpNativeAndroid #webForms .cp_main .cp_location_top .cp_top_header_text { height: 40px; } #webForms .cp_main .cp_main_area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #webForms .cp_main .cp_main_area .cp_location_center { z-index: 2; overflow-y: auto; overflow-x: hidden; height: calc(100% - 60px); padding: 0 0 0 0; transition: bottom .25s; } #webForms .cp_main .cp_main_area .cp_location_bottom { display: none; position: absolute; bottom: 0; left: 0; right: 0; z-index: 111; height: 40px; padding: 0 5px 0 5px; border-top: 1px solid #d6d6d6; background-color: #fff; transition: bottom .25s; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button { margin: 0; background: #ffffff; border: none; text-align: center; font-family: "Arial"; cursor: pointer; box-shadow: none; left: 5px; top: 9px; position: absolute; background: transparent; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button .cp_enable_image { display: block; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button .cp_disable_image { display: none; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button:disabled { cursor: default; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button:disabled .cp_enable_image { display: none; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button:disabled .cp_disable_image { display: block; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button .cp_enable_image { display: block; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_actions_button .cp_rotated_image { display: none; } #webForms .cp_main .cp_main_area .cp_location_bottom .cp_bottom_area { position: absolute; left: 0px; top: 0; right: 0; height: 100%; padding: 0 40px; } #webForms .cp_minimized { cursor: pointer; } #webForms .cp_minimized:active { cursor: move; } #webForms .cp_minimized .cp_notification_number { text-align: center; display: table; border-collapse: collapse; width: 100%; height: 100%; cursor: default; float: left; overflow: visible; border-radius: 50%; background-color: #ed1c24; width: 24px; height: 24px; font-size: 0.9em; margin: -12px 8px 0 8px; z-index: 1000; } #webForms .cp_minimized .cp_notification_number > * { vertical-align: middle; display: table-cell; } #webForms .cp_minimized .cp_notification_number .cp_notification_text { text-align: center; color: white; border-radius: inherit; } #webForms .cp_minimized .cp_close_button { margin: 0; background: #ffffff; border: none; text-align: center; font-family: "Arial"; cursor: pointer; box-shadow: none; position: absolute; background-color: transparent; top: 5px; right: 10px; width: 22px; height: 22px; display: none; } #webForms .cp_minimized .cp_close_button .cp_enable_image { display: block; } #webForms .cp_minimized .cp_close_button .cp_disable_image { display: none; } #webForms .cp_minimized .cp_close_button:disabled { cursor: default; } #webForms .cp_minimized .cp_close_button:disabled .cp_enable_image { display: none; } #webForms .cp_minimized .cp_close_button:disabled .cp_disable_image { display: block; } #webForms .cp_minimized .cp_header_text_container { position: absolute; font-family: myriadpro, Trebuchet; font-weight: normal; font-size: 10pt; color: #ffffff; left: 0; top: 0; height: 100%; width: 100%; } #webForms .cp_minimized .cp_header_text_container .cp_header_text { position: absolute; top: 8px; left: 0; font-size: 0.9em; text-align: center; width: 100%; height: 100%; line-height: 24px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; left: 25%; } #webForms .cp_input_area { padding: 13px 0px 11px 0px; } #webForms .cp_input_area .cp_chat_input { background-color: transparent; resize: none; border: none; width: 100%; height: 100%; padding: 13px 0px; color: #1F2023; font-size: .9em; vertical-align: middle; } #webForms .cp_input_area .cp_chat_input::-webkit-input-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_chat_input:-moz-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_chat_input::-moz-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_chat_input:-ms-input-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_expandable_textarea { background-color: transparent; line-height: 15px; width: 100%; resize: none; color: #1F2023; font-size: .9em; outline-offset: 4px; overflow-x: hidden; } #webForms .cp_input_area .cp_expandable_textarea::-webkit-input-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_expandable_textarea:-moz-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_expandable_textarea::-moz-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_input_area .cp_expandable_textarea:-ms-input-placeholder { font: inherit; font-style: italic; color: inherit; } #webForms .cp_send_button { background-color: transparent; } #webForms .cp_send_button:disabled { opacity: 0.5; } #webForms .cp_chat_line_wrapper { position: relative; max-width: 100%; padding: 0px 10px 4px 10px; overflow: hidden; } #webForms .cp_chat_line_wrapper .agent_avatar { display: none; } #webForms .cp_chat_line_wrapper.agent_avatar_display .agent_avatar { display: inline-block; width: 32px; height: 32px; border-radius: 16px; margin: 0 11px 0 0; position: relative; top: 2px; } #webForms .cp_chat_line_wrapper.agent_avatar_display.cp_agent .cp_chat_arrow_border { left: 48px; } #webForms .cp_chat_line_wrapper.agent_avatar_display.cp_agent .cp_chat_arrow { left: 49px; } #webForms .cp_chat_line_wrapper .cp_time { text-align: left; position: relative; font-size: .8em; color: #6d6e70; top: 0; padding: 3px; } #webForms .cp_chat_line_wrapper .cp_time .cp_sender { vertical-align: text-top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; display: inline-block; color: inherit; font-style: inherit; font-family: inherit; font-weight: inherit; } #webForms .cp_chat_line_wrapper .cp_chat_line_auto_message { text-align: center; font-size: 0.9em; padding: 4px 0 6px; } #webForms .cp_chat_line_wrapper .cp_chat_line_auto_message.cp_underline { border-bottom: groove 2px; margin: 0.5em 0; } #webForms .cp_chat_line_wrapper .cp_chat_line { padding: 10px; max-width: 70%; display: inline-block; position: relative; top: 2px; text-align: left; word-wrap: break-word; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text { color: #1F2023; font-size: 1em; padding-left: 3px; padding-right: 3px; line-height: 16px; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text * { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; direction: inherit; letter-spacing: inherit; overflow: inherit; text-align: inherit; white-space: inherit; word-spacing: inherit; z-index: inherit; text-indent: inherit; text-transform: inherit; background: inherit; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text a { text-decoration: underline; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text [data-cp-point=cb-offer] button { cursor: pointer; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text [data-cp-point=cb-offer].cp_disable_offer { opacity: 0.4; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_title_text [data-cp-point=cb-offer].cp_disable_offer button { cursor: default; } #webForms .cp_chat_line_wrapper.cp_agent { direction: ltr; text-align: left; } #webForms .cp_chat_line_wrapper.cp_agent .cp_chat_line { background-color: #0363ad; border-radius: 4px; padding: 5px 4px; text-align: left; left: 0px; } #webForms .cp_chat_line_wrapper.cp_agent .cp_chat_line .cp_title_text { color: white; } #webForms .cp_chat_line_wrapper.cp_visitor { text-align: right; } #webForms .cp_chat_line_wrapper.cp_visitor .cp_time { text-align: right; } #webForms .cp_new_window .cp_chat_line_wrapper { -webkit-animation: pop-in .25s; animation: pop-in .25s; } #webForms .cp_resume .cp_chat_line_wrapper { -webkit-animation: popOpacity .25s ease-out; animation: popOpacity .25s ease-out; } #webForms .cp_chat_line_wrapper.cp_visitor .cp_chat_line { background-color: white; border: 1px #b6b6b6 solid; border-radius: 3px; color: #404041; padding: 5px; } #webForms .cp_chat_line_wrapper.cp_system { text-align: center; } #webForms .cp_chat_line_wrapper.cp_system .cp_time { margin-top: 5px; text-align: center; } #webForms .cp_chat_line_wrapper.cp_system .cp_chat_line { position: relative; text-align: center; padding-top: 0; padding-bottom: 5px; padding-left: 0; padding-right: 0; max-width: 100%; } #webForms .cp_chat_line_wrapper.cp_system .cp_chat_line .cp_title_text, #webForms .cp_chat_line_wrapper.cp_system .cp_chat_line .cp_title_text * { text-align: center; } #webForms .cp_chat_line_wrapper .cp_chat_line .cp_chat_line_text { position: relative; min-width: 50px; max-width: 230px; } #webForms .cp_chat_line_wrapper.cp_visitor { text-align: right; margin-right: 0; } #webForms .cp_chat_line_wrapper .cp_chat_arrow_border, #webForms .cp_chat_line_wrapper .cp_chat_arrow { bottom: 10px; position: absolute; background-color: transparent; width: 0; height: 2px; display: inline-block; } #webForms .cp_chat_line_wrapper.cp_agent .cp_chat_line { border: 1px #b6b6b6 solid; right: -26px; } #webForms .cp_chat_line_wrapper.cp_agent .cp_chat_arrow { left: 6px; margin-top: -2px; border-top: 6px solid transparent; border-right: 5px solid #0363ad; border-bottom: 5px solid transparent; } #webForms .cp_chat_line_wrapper.cp_agent .cp_chat_arrow_border { left: 5px; margin-top: -2px; border-top: 6px solid transparent; border-right: 5px solid #b6b6b6; border-bottom: 5px solid transparent; } #webForms .cp_chat_line_wrapper.cp_visitor .cp_chat_arrow { right: -5px; border-top: 6px solid transparent; border-left: 6px solid white; border-bottom: 6px solid transparent; z-index: 2; margin-top: -2px; } #webForms .cp_chat_line_wrapper.cp_visitor .cp_chat_arrow_border { right: -6px; border-top: 6px solid transparent; border-left: 6px solid #b6b6b6; border-bottom: 6px solid transparent; margin-top: -2px; } #webForms .cp_line_state_wrapper { position: relative; } #webForms .cp_line_state_wrapper .cp_line_state { width: 75px; position: absolute; bottom: -3px; font-size: 0.8em; left: -85px; text-align: right; padding: 3px 2px; background-color: transparent; vertical-align: super; } #webForms .cp_chat_line_wrapper.state_ERROR { padding-bottom: 32px; } #webForms .cp_chat_line_wrapper.state_ERROR .cp_line_state { bottom: -29px; right: 0; white-space: nowrap; left: auto; width: auto; } #webForms .cp_chat_line_wrapper.state_ERROR .cp_line_state .cp_error_text { color: #c0392b; } #webForms .cp_chat_line_wrapper.state_ERROR .cp_line_state span { vertical-align: middle; } #webForms .cp_chat_line_wrapper.state_ERROR .cp_line_state span.cp_warning { font-weight: bold; background: red; border-radius: 51px; margin: -2px 0 0 5px; width: 15px; height: 15px; display: inline-block; color: white; text-align: center; line-height: 15px; position: relative; overflow: hidden; } #webForms .cp_chat_line_wrapper.state_ERROR .cp_line_state span.cp_warning .cp_voice_error { position: absolute; top: 0; left: 100px; font-size: 0; line-height: 0; } #webForms .cp_transcript_widget { padding-bottom: 5px; } #webForms .cp_agent_is_typing { display: none; overflow: hidden; font-size: .8em; font-style: italic; padding-left: 4px; position: absolute; top: -14px; left: 5px; overflow: visible; height: 10px; background-color: transparent; color: #6d6e70; } .cp_ie8 #webForms .cp_agent_is_typing { font-style: normal; } #webForms .cp_transcript_scroll { position: relative; left: 0; right: 0; top: 0; bottom: 0; min-height: 100%; } #webForms .cp_actions_bar_container { direction: ltr; position: absolute; bottom: -200px; height: 200px; left: 0; right: 0; overflow: hidden; background-color: #fff; z-index: 5; display: none; transition: bottom .25s; } #webForms .cp_actions_bar_container .cp_actions_bar { position: absolute; top: 0; bottom: 28px; left: 0; right: 0; overflow: hidden; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_items_wrapper, #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder_wrapper { position: absolute; width: 100%; height: 100%; background: transparent; direction: ltr; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item, #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder { background-color: transparent; vertical-align: top; display: inline-block; width: 33.3%; height: 50%; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item:focus, #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:focus { outline-offset: -2px; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder { background: none; border-bottom-width: 1px; border-left-width: 1px; border-color: #d6d6d6; border-style: solid; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:nth-child(1), #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:nth-child(2), #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:nth-child(3) { border-top-width: 1px; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:nth-child(1), #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_placeholder:nth-child(4) { border-left-width: 0; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item { float: left; cursor: pointer; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item:disabled { opacity: 0.5; cursor: auto; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item .cp_action_wrapper { vertical-align: middle; text-align: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; height: 50%; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item .cp_action_wrapper .cp_image { text-align: center; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item .cp_action_wrapper .cp_image .cp_action_image { margin: 0 auto; } #webForms .cp_actions_bar_container .cp_actions_bar .cp_action_item .cp_action_wrapper .cp_title { text-align: center; padding: 0 0.5em; font-size: .8em; word-wrap: break-word; color: #6d6e71; } #webForms .cp_actions_bar_container .cp_bottom_logo_bar { position: absolute; left: 0; right: 0; bottom: 0; height: 28px; text-align: center; padding-top: 5px; } #webForms .cp_main .cp_location_bottom.cp_show { display: block; } #webForms .cp_main .cp_no-animation .cp_main_area .cp_location_center, #webForms .cp_main .cp_no-animation .cp_main_area .cp_location_bottom, #webForms .cp_main .cp_no-animation .cp_main_area .cp_actions_bar_container { transition: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_center { height: calc(100% - 250px); } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_center.cp_no-animation { transition: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom { bottom: 196px; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button { margin: 0; background: #ffffff; border: none; text-align: center; font-family: "Arial"; cursor: pointer; box-shadow: none; background: transparent; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button .cp_enable_image { display: block; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button .cp_disable_image { display: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button:disabled { cursor: default; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button:disabled .cp_enable_image { display: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button:disabled .cp_disable_image { display: block; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button .cp_enable_image { display: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom .cp_actions_button .cp_rotated_image { display: block; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_location_bottom.cp_no-animation { transition: none; } #webForms .cp_main .cp_actions_visible .cp_main_area .cp_actions_bar_container.cp_no-animation { transition: none; } #webForms .cp_dialog_container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fdfdfd; z-index: 10000; color: black; } #webForms .cp_dialog_container .cp_center_div_wrapper { width: 100%; height: 100%; padding: 0 10px; display: table; } #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { text-align: center; display: table-cell; overflow: visible; vertical-align: middle; } .cp_ios6 #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { margin-top: 45%; display: block; } .cp_ios6.cp_landscape #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { margin-top: 15%; } .cp_ie8 #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { display: block; padding-top: 40%; height: 50%; } .cp_native_android #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { vertical-align: top; padding-top: 15px; } .cp_landscape.cp_ios.cp_cpKeyboardOpen #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { vertical-align: top; padding-top: 5%; } .cp_android.cp_landscape #webForms .cp_dialog_container .cp_center_div_wrapper .cp_center_div_inner { min-height: 80px; } #webForms .cp_dialog_container .cp_title { display: block; padding: 5px 15px 5px 15px; font-size: 1.1em; text-align: center; } #webForms .cp_dialog_container .cp_title_large_padding { padding: 10px 15px 10px 15px; } #webForms .cp_dialog_container .cp_dialog_input { padding: 7px 10px 7px 10px; display: block; width: 100%; background-color: #fff; border: 1px #b6b6b6 solid; border-radius: 3px; box-sizing: border-box; } #webForms .cp_dialog_container .cp_dialog_input.cp_error { border-color: red; } #webForms .cp_dialog_container .cp_idnv_container { text-align: center; padding: 20px 0px 40px 0px; } #webForms .cp_dialog_container .cp_idnv_container .cp_idnv_wrapper { display: inline-block; padding: 0px 15px 0px 15px; text-align: center; } #webForms .cp_dialog_container .cp_idnv_container .cp_idnv_input { width: 31px; height: 36px; margin-top: 5px; } #webForms .cp_dialog_container .cp_icons_area { position: relative; text-align: center; padding-bottom: 7px; } #webForms .cp_dialog_container .cp_icons_area .icon { text-align: center; width: auto; height: auto; } #webForms .cp_dialog_container .cp_buttons_area { position: relative; text-align: center; padding: 0 5%; height: 40px; margin-top: 5px; } #webForms .cp_dialog_container .cp_buttons_area button { padding: 9px 6px; width: 45%; float: left; font-size: .9em; border: none; text-align: center; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #webForms .cp_dialog_container .cp_buttons_area .cp_confirm_button { background-color: #0363ad; margin-left: 10%; border-radius: 2px; } #webForms .cp_dialog_container .cp_buttons_area .cp_confirm_button:disabled { opacity: 0.5; cursor: default; } #webForms .cp_dialog_container .cp_buttons_area .cp_confirm_button:hover, #webForms .cp_dialog_container .cp_buttons_area .cp_confirm_button:focus { background-color: #025487; } #webForms .cp_dialog_container .cp_buttons_area .cp_cancel_button:hover, #webForms .cp_dialog_container .cp_buttons_area .cp_cancel_button:focus { background: #dedede; } .cp_cpIos #webForms .cp_dialog_container .cp_buttons_area .cp_cancel_button:hover, .cp_cpIos #webForms .cp_dialog_container .cp_buttons_area .cp_cancel_button:focus { background: #dedede; } #webForms .cp_dialog_container .cp_buttons_area .cp_cancel_button { background: transparent; color: #5e5e5e; } #webForms .cp_dialog_container .cp_buttons_area .cp_single_button { float: none; margin-left: 0; } #webForms .cp_dialog_container .cp_dialog_alert { text-align: center; } #webForms .cp_dialog_container .cp_dialog_input_error { display: none; padding: 5px 0 5px 0px; margin: 2px 0px 2px 0px; font-size: 1.1em; color: red; } #webForms .cp_dialog_container .cp_dialog_input_error .cp_email_error_text { color: #de0a23; display: inline; margin-left: 3px; margin-right: 3px; width: 91%; } #webForms .cp_dialog_container .cp_dialog_input_error .cp_email_error_img { vertical-align: top; } #webForms .cp_dialog_container .cp_dialog_input_error.cp_error { display: block; } #webForms .cp_dialog_container .cp_error .cp_dialog_input_error { display: block; } #webForms .cp_dialog_container .cp_error .cp_dialog_input { border-color: red; } #webForms .cp_thank_you_container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fdfdfd; z-index: 10000; } #webForms .cp_thank_you_container .cp_title { padding: 5px 40px 5px 40px; position: absolute; top: 42%; color: inherit; font-size: 1.2em; text-align: center; text-align: -webkit-center; width: 100%; } #webForms .cp_thank_you_container .cp_image { position: absolute; top: 30%; left: 50%; width: 46px; height: 46px; margin-left: -23px; } #webForms .cp_tooltip { position: absolute; left: 0px; right: 0px; top: 0px; opacity: 0.2; z-index: 10001; border-radius: 3px; text-align: center; } #webForms .cp_tooltip.cp_tooltip_notification { background-color: black; } #webForms .cp_tooltip.cp_tooltip_success { background-color: #e1e1e1; opacity: 1; } #webForms .cp_tooltip.cp_tooltip_success .cp_title { color: black; background-color: #e1e1e1; } #webForms .cp_tooltip .cp_title { width: 100%; color: white; font-size: 1em; background-color: black; display: inline-block; text-align: center; padding: 5px 15px 5px 15px; } #webForms .cp_location_center .cp_agent_image_area_wrapper { left: 0; right: 0; height: 93px; border-bottom: 1px solid #d6d6d6; background: #fff; text-align: center; margin-bottom: 10px; overflow: hidden; text-align: center; } #webForms .cp_location_center .cp_agent_image_area_wrapper .cp_image { height: 100%; max-width: 100%; } #webForms.cp_main_rtl * { direction: rtl; text-align: right; } #webForms.cp_main_ltr * { direction: ltr; text-align: left; } #webForms.cp_main_ltr .cp_rtl, #webForms.cp_main_ltr .cp_rtl *, #webForms.cp_main_rtl .cp_rtl, #webForms.cp_main_rtl .cp_rtl * { direction: rtl; text-align: right; } #webForms.cp_main_ltr .cp_ltr, #webForms.cp_main_ltr .cp_ltr *, #webForms.cp_main_rtl .cp_ltr, #webForms.cp_main_rtl .cp_ltr * { direction: ltr; text-align: left; } #webForms input[type=email], #webForms input[type=number], #webForms input[type=tel] { direction: ltr; text-align: left; } #webForms .cp_paging_wrapper { z-index: 100; height: 100%; } #webForms .cp_survey_area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 120; overflow-y: auto; overflow-x: hidden; } #webForms .cp_survey_area .cp_survey_container { position: absolute; top: 0; bottom: 0px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; } #webForms .cp_survey_area .cp_survey_header_area { padding: 10px 18px 10px 18px; margin-bottom: 10px; border-bottom: 1px solid #d6d6d6; } #webForms .cp_survey_area .cp_header_text { text-align: center; font-size: 1.0em; word-break: break-word; } #webForms .cp_survey_area .cp_pagination-area { overflow-y: hidden; } #webForms .cp_survey_area .cp_pages_area { position: relative; overflow-y: auto; width: 100%; top: 0; right: 0; left: 0; } #webForms .cp_survey_area .cp_pages_area .cp_content { margin: 10px 0px 0px 0px; background: none; } #webForms .cp_survey_area .cp_pages_area .cp_content ::-webkit-input-placeholder { font: inherit; color: #323336; font-style: italic; } #webForms .cp_survey_area .cp_pages_area .cp_content :-moz-placeholder { font: inherit; color: #323336; font-style: italic; } #webForms .cp_survey_area .cp_pages_area .cp_content ::-moz-placeholder { font: inherit; color: #323336; font-style: italic; } #webForms .cp_survey_area .cp_pages_area .cp_content :-ms-input-placeholder { font: inherit; color: #323336; font-style: italic; } #webForms .cp_survey_area .cp_pages_area .cp_survey_header_error { margin-bottom: 5px; padding: 10px 15px 0px 15px; } #webForms .cp_survey_area .cp_pages_area .cp_question_wrapper { padding-bottom: 3px; margin-bottom: 0px; box-sizing: border-box; } #webForms .cp_survey_area .cp_pages_area .cp_question_wrapper .cp_question { margin-top: 10px; margin-left: 15px; margin-right: 15px; } #webForms .cp_survey_area .cp_pages_area .cp_question_label { font-size: 1.1em; color: inherit; word-wrap: break-word; overflow-y: visible; width: 100%; } #webForms .cp_survey_area .cp_pages_area .cp_mandatory { padding-left: 3px; } #webForms .cp_survey_area .cp_pages_area input { font-size: 1em; } #webForms .cp_survey_area .cp_pages_area .cp_input-field::-ms-clear { display: none; } #webForms .cp_survey_area .cp_pages_area .cp_input-field { color: #1F2023; vertical-align: middle; background-color: white; border: 1px solid gainsboro; border-radius: 1px; box-sizing: border-box; width: 100%; padding: 6px 8px; } #webForms .cp_survey_area .cp_pages_area .cp_input-field:hover { border-color: #c1c2c3; } #webForms .cp_survey_area .cp_pages_area .cp_error .cp_input-field, #webForms .cp_survey_area .cp_pages_area .cp_error .cp_textarea_field, #webForms .cp_survey_area .cp_pages_area .cp_error .cp_select_field { border-color: #de0a23; } #webForms .cp_survey_area .cp_pages_area .cp_error .cp_checkbox_wrapper, #webForms .cp_survey_area .cp_pages_area .cp_error .cp_radiobutton_wrapper { width: 100%; border: 1px solid #de0a23; } #webForms .cp_survey_area .cp_pages_area .cp_survey_header_error .cp_surveyError_wrapper, #webForms .cp_survey_area .cp_pages_area .cp_question.cp_error .cp_surveyError_wrapper { margin-top: 5px; } #webForms .cp_survey_area .cp_pages_area .cp_survey_header_error .cp_surveyError_wrapper .cp_error_text, #webForms .cp_survey_area .cp_pages_area .cp_question.cp_error .cp_surveyError_wrapper .cp_error_text { color: #de0a23; display: inline-block; padding-left: 3px; padding-right: 3px; width: 91%; } #webForms .cp_survey_area .cp_pages_area .cp_survey_header_error .cp_surveyError_wrapper .cp_error_img, #webForms .cp_survey_area .cp_pages_area .cp_question.cp_error .cp_surveyError_wrapper .cp_error_img { float: left; } #webForms .cp_survey_area .cp_pages_area .cp_radio_button, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button { width: 100%; margin-top: 7px; margin-left: 3px; margin-right: 3px; } #webForms .cp_survey_area .cp_pages_area .cp_radio_button label, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button label { font-size: 1em; padding: 0px 5px; margin-top: -2px; width: 90%; display: inline-block; } #webForms .cp_survey_area .cp_pages_area .cp_radio_button input, #webForms .cp_survey_area .cp_pages_area .cp_radio_button label, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button input, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button label { vertical-align: top; } #webForms .cp_survey_area .cp_pages_area span.cp_radio_button { display: table; } #webForms .cp_survey_area .cp_pages_area .cp_radio_button input[type=radio]:checked + label, #webForms .cp_survey_area .cp_pages_area .cp_radio_button input[type=radio]:hover + label, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button input[type=checkbox]:checked + label, #webForms .cp_survey_area .cp_pages_area .cp_checkbox_button input[type=checkbox]:hover + label { font-weight: bold; } #webForms .cp_survey_area .cp_pages_area .cp_textarea_field { color: #1F2023; padding: 8px 8px; width: 100%; background-color: white; resize: none; line-height: 100%; height: 60px; -moz-box-sizing: border-box; border: 1px solid gainsboro; } #webForms .cp_survey_area .cp_pages_area .cp_select_field { width: 100%; padding: 3px 5px; border-radius: 1px; border: 1px solid gainsboro; color: #1F2023; height: auto; min-height: 30px; } .cp_mac_osx #webForms .cp_survey_area .cp_pages_area .cp_select_field { height: 30px; } #webForms .cp_survey_area .cp_pages_area .cp_select_field:first-child { color: #000; } #webForms .cp_survey_area .cp_buttons_area { position: relative; text-align: center; height: 55px; width: 90%; margin-left: 15px; margin-right: 15px; } #webForms .cp_survey_area .cp_buttons_area button { position: absolute; padding: 9px 6px; margin: 2px; width: 45%; max-width: 185px; font-size: 1.1em; border: none; text-align: center; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button, #webForms .cp_survey_area .cp_buttons_area .cp_prev_button { background: transparent; color: #5e5e5e; left: 0; } #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button { border-radius: 2px; } #webForms .cp_survey_area .cp_buttons_area .cp_prev_button:disabled { color: #5e5e5e; } #webForms .cp_survey_area .cp_buttons_area .cp_next_button:disabled { color: #e5e5e5; } #webForms .cp_survey_area .cp_buttons_area .cp_submit_button:disabled { cursor: default; opacity: 0.5; } #webForms .cp_survey_area .cp_buttons_area .cp_close_survey_button, #webForms .cp_survey_area .cp_buttons_area .cp_next_button, #webForms .cp_survey_area .cp_buttons_area .cp_submit_button { background-color: #0363ad; color: #ffffff; border-radius: 2px; } #webForms .cp_survey_area .cp_buttons_area .cp_close_survey_button:disabled, #webForms .cp_survey_area .cp_buttons_area .cp_next_button:disabled, #webForms .cp_survey_area .cp_buttons_area .cp_submit_button:disabled { opacity: 0.5; cursor: default; } #webForms .cp_survey_area .cp_buttons_area .cp_next_button, #webForms .cp_survey_area .cp_buttons_area .cp_submit_button { right: 0; } #webForms .cp_survey_area .cp_buttons_area .cp_close_survey_button { position: static; } #webForms .cp_survey_area .cp_buttons_area .cp_close_survey_button:hover, #webForms .cp_survey_area .cp_buttons_area .cp_close_survey_button:focus, #webForms .cp_survey_area .cp_buttons_area .cp_next_button:hover, #webForms .cp_survey_area .cp_buttons_area .cp_next_button:focus, #webForms .cp_survey_area .cp_buttons_area .cp_submit_button:hover, #webForms .cp_survey_area .cp_buttons_area .cp_submit_button:focus { background-color: #025487; } #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button:hover, #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button:focus { background: #dedede; } .cp_cpIos #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button:hover, .cp_cpIos #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button:focus { background: #dedede; } #webForms .cp_survey_area .cp_buttons_area .cp_cancel_button:disabled { color: #5e5e5e !important; } #webForms .cp_survey_area .cp_pager { display: none; text-align: center; } #webForms .cp_survey_area .cp_pager .cp_dot { border-radius: 50%; height: 8px; width: 8px; background-color: #fff; display: inline-block; margin-left: 3px; margin-right: 3px; border: 1px solid #e5e5e5; } #webForms .cp_survey_area .cp_pager .cp_dot.cp_selected { background: #5e5e5e; } #webForms .cp_survey_area .cp_survey_bottom_spacer { height: 3px; box-shadow: -8px -1px 14px 2px rgba(255, 255, 255, 0.95); position: absolute; background-color: #fdfdfd; width: 100%; bottom: 0; z-index: 1000; } #webForms .cp_survey_area .cp_survey_view_container { position: relative; height: 100%; } #webForms.cp_main_rtl .cp_survey_area .cp_pages_area .cp_survey_header_error .cp_surveyError_wrapper .cp_error_img, #webForms.cp_main_rtl .cp_survey_area .cp_pages_area .cp_question.cp_error .cp_surveyError_wrapper .cp_error_img { float: right; } #webForms.cp_main_rtl .cp_csat_rater_stars { direction: ltr; } #webForms.cp_main_ltr .cp_csat_rater_stars { direction: rtl; } #webForms .cp_csat_rater * { text-align: center; } #webForms .cp_csat_rater_stars { list-style: none; padding: 0; margin: 15px 0; font-size: 0; } #webForms .cp_csat_rater_star { display: inline-block; font-size: 24px; text-decoration: none; padding: 3px; } #webForms .cp_csat_rater_star:before { content: "�"; } #webForms .cp_csat_rater_star:hover:before, #webForms .cp_csat_rater_star:hover ~ .cp_csat_rater_star:before, #webForms .cp_csat_rater_star.chosen:before, #webForms .cp_csat_rater_star.chosen ~ .cp_csat_rater_star:before { content: "�"; } #webForms .cp_csat_rater_current_rating { height: 16px; margin-bottom: 10px; } #webForms .cp_survey_disclaimer { padding: 20px 7px 0; } #webForms .cp_chatting-with-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 15px !important; height: 15px !important; } #webForms .cp_chatting-with-icon.cp_icon-white img { top: -40px !important; left: -920px !important; } #webForms .cp_chatting-with-icon img { top: 0px !important; left: -920px !important; position: absolute !important; } #webForms .cp_bottom-logo-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 105px !important; height: 15px !important; } #webForms .cp_bottom-logo-icon.cp_icon-white img { top: -30px !important; left: -5px !important; } #webForms .cp_bottom-logo-icon img { top: -5px !important; left: -5px !important; position: absolute !important; } #webForms .cp_print-transcript-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_print-transcript-action-icon.cp_icon-white img { top: -40px !important; left: -80px !important; } #webForms .cp_print-transcript-action-icon img { top: 0 !important; left: -80px !important; position: absolute !important; } #webForms .cp_email-transcript-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_email-transcript-action-icon.cp_icon-white img { top: -40px !important; left: -40px !important; } #webForms .cp_email-transcript-action-icon img { top: 0 !important; left: -40px !important; position: absolute !important; } #webForms .cp_mute-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_mute-action-icon.cp_icon-white img { top: -40px !important; left: 0px !important; } #webForms .cp_mute-action-icon img { top: 0 !important; left: 0px !important; position: absolute !important; } #webForms .cp_mark_urgency-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_mark_urgency-action-icon.cp_icon-white img { top: -40px !important; left: -1200px !important; } #webForms .cp_mark_urgency-action-icon img { top: 0 !important; left: -1200px !important; position: absolute !important; } #webForms .cp_dismiss_urgency-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_dismiss_urgency-action-icon.cp_icon-white img { top: -40px !important; left: -1160px !important; } #webForms .cp_dismiss_urgency-action-icon img { top: 0 !important; left: -1160px !important; position: absolute !important; } #webForms .cp_unmute-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_unmute-action-icon.cp_icon-white img { top: -40px !important; left: -680px !important; } #webForms .cp_unmute-action-icon img { top: 0 !important; left: -680px !important; position: absolute !important; } #webForms .cp_actions-opened-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_actions-opened-icon.cp_icon-white img { top: -40px !important; left: -480px !important; } #webForms .cp_actions-opened-icon img { top: 0 !important; left: -480px !important; position: absolute !important; } #webForms .cp_actions-closed-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_actions-closed-icon.cp_icon-white img { top: -40px !important; left: -520px !important; } #webForms .cp_actions-closed-icon img { top: 0 !important; left: -520px !important; position: absolute !important; } #webForms .cp_end-chat-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_end-chat-action-icon.cp_icon-white img { top: -40px !important; left: -120px !important; } #webForms .cp_end-chat-action-icon img { top: 0 !important; left: -120px !important; position: absolute !important; } #webForms .cp_pop-out-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_pop-out-action-icon.cp_icon-white img { top: -40px !important; left: -840px !important; } #webForms .cp_pop-out-action-icon img { top: 0 !important; left: -840px !important; position: absolute !important; } #webForms .cp_pop-in-action-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_pop-in-action-icon.cp_icon-white img { top: -40px !important; left: -880px !important; } #webForms .cp_pop-in-action-icon img { top: 0 !important; left: -880px !important; position: absolute !important; } #webForms .cp_send-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_send-icon.cp_icon-white img { top: -40px !important; left: -560px !important; } #webForms .cp_send-icon img { top: 0 !important; left: -560px !important; position: absolute !important; } #webForms .cp_pop-out-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_pop-out-icon.cp_icon-white img { top: -40px !important; left: -760px !important; } #webForms .cp_pop-out-icon img { top: 0 !important; left: -760px !important; position: absolute !important; } #webForms .cp_pop-in-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_pop-in-icon.cp_icon-white img { top: -40px !important; left: -800px !important; } #webForms .cp_pop-in-icon img { top: 0 !important; left: -800px !important; position: absolute !important; } #webForms .cp_close-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_close-icon.cp_icon-white img { top: -40px !important; left: -480px !important; } #webForms .cp_close-icon img { top: 0 !important; left: -480px !important; position: absolute !important; } #webForms .cp_minimize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_minimize-icon.cp_icon-white img { top: -40px !important; left: -600px !important; } #webForms .cp_minimize-icon img { top: 0 !important; left: -600px !important; position: absolute !important; } #webForms .cp_maximize-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_maximize-icon.cp_icon-white img { top: -40px !important; left: -960px !important; } #webForms .cp_maximize-icon img { top: 0 !important; left: -960px !important; position: absolute !important; } #webForms .cp_minimize-left-slider-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_minimize-left-slider-icon.cp_icon-white img { top: -40px !important; left: -1000px !important; } #webForms .cp_minimize-left-slider-icon img { top: 0 !important; left: -1000px !important; position: absolute !important; } #webForms .cp_minimize-right-slider-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_minimize-right-slider-icon.cp_icon-white img { top: -40px !important; left: -1040px !important; } #webForms .cp_minimize-right-slider-icon img { top: 0 !important; left: -1040px !important; position: absolute !important; } #webForms .cp-slider-icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp-slider-icon.cp_icon-white img { top: -40px !important; left: -720px !important; } #webForms .cp-slider-icon img { top: 0 !important; left: -720px !important; position: absolute !important; } #webForms .cp_refresh_slider_icon { position: relative !important; display: inline-block; vertical-align: middle; overflow: hidden !important; width: 22px !important; height: 22px !important; } #webForms .cp_refresh_slider_icon.cp_icon-white img { top: -40px !important; left: -1080px !important; } #webForms .cp_refresh_slider_icon img { top: 0 !important; left: -1080px !important; position: absolute !important; } #webForms .cp_maximized .cp_slider .cp_slider_container > * { height: 100%; width: 100%; } #webForms .cp_slider_animate_open.cp_maximized { box-shadow: 0px 0px 16px 3px transparent !important; border: 1px solid transparent !important; } #webForms .cp_slider_animate_open.cp_maximized .cp_slider { box-shadow: none !important; border: none !important; } #webForms .cp_maximized .cp_slider { position: absolute; top: 0; overflow: hidden; } #webForms .cp_maximized .cp_slider .cp_slider_header { border: 1px solid #d6d6d6; font-size: 1.1em; width: 100%; position: absolute; border-radius: 5px 5px 0 0; height: 36px; cursor: move; } #webForms .cp_maximized .cp_slider .cp_slider_header .cp_header-content-wrapper { width: 100%; } #webForms .cp_maximized .cp_slider .cp_slider_header .cp_header-content-wrapper .cp_top-text { overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-left: 8px; max-width: calc(400px - 70px); white-space: nowrap; } #webForms .cp_maximized .cp_slider .cp_slider_header .cp_header-content-wrapper .cp_minimize { position: relative; float: right; right: 10px; top: 6px; background-color: transparent; cursor: pointer; } #webForms .cp_maximized .cp_slider .cp_slider_header .cp_header-content-wrapper .cp_refresh { position: relative; float: left; top: 6px; left: 5px; background-color: transparent; cursor: pointer; } #webForms .cp_maximized .cp_slider .cp_slider_container { position: absolute; background-color: white; right: 0; left: 0; bottom: 0; top: 36px; } #webForms .cp_external-window.cp_maximized.cp_slider_open { min-width: calc(280px + 400px); max-width: 1000px; } #webForms .cp_external-window.cp_maximized.cp_slider_open .cp_slider { height: 100%; } #webForms .cp_external-window.cp_maximized.cp_slider_open .cp_main { width: calc(100% - 400px); min-width: 280px; } #webForms .cp_external-window.cp_maximized.cp_slider_open .cp_header { width: calc(100% - 400px); min-width: 280px; } #webForms .cp_maximized.cp_right_slider .cp_slider { right: 0; } #webForms .cp_maximized.cp_right_slider .cp_slider .cp_slider_header { box-shadow: inset 6px 0 5px -2px rgba(0, 0, 0, 0.2); box-sizing: border-box; } #webForms .cp_maximized.cp_left_slider .cp_slider { right: 280px; } #webForms .cp_maximized.cp_left_slider .cp_slider .cp_slider_header { box-shadow: inset -15px 1px 9px -12px rgba(0, 0, 0, 0.2); } #webForms .cp_maximized.cp_slider_open { width: calc(280px + 400px); } #webForms .cp_maximized.cp_slider_open .cp_main { width: 280px; border: 1px solid #d6d6d6; } #webForms .cp_maximized.cp_slider_open .cp_header { width: 280px; } #webForms .cp_maximized.cp_slider_open.cp_right_slider .cp_header { box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2); } #webForms .cp_maximized.cp_slider_open.cp_right_slider .cp_slider_container { box-shadow: inset 6px 0 5px -2px rgba(0, 0, 0, 0.2); padding-left: 5px; } #webForms .cp_maximized.cp_slider_open.cp_right_slider .cp_main, #webForms .cp_maximized.cp_slider_open.cp_right_slider .cp_header { left: 0; right: auto; } #webForms .cp_maximized.cp_slider_open.cp_left_slider .cp_main { left: auto; } #webForms .cp_maximized.cp_slider_open.cp_left_slider .cp_header { right: 0px; box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2); } #webForms .cp_maximized.cp_slider_open.cp_left_slider .cp_slider_container { box-shadow: inset -15px 1px 9px -12px rgba(0, 0, 0, 0.2); padding-right: 5px; } #webForms .cp_maximized .cp_slider { width: 400px; height: 400px; } #webForms .cp_maximized .cp_slider .cp_slider_header .cp_title { padding: 9px; display: inline-block; float: left; height: 30px; } #webForms button.cp_refresh.cp_hidden { display: none; } #webForms button.cp_refresh:disabled { cursor: default; } #webForms button.cp_refresh:disabled img { opacity: 0.5; } #webForms .submit_secure_form_state .secure_form_message, #webForms .error_secure_form_state .secure_form_message, #webForms .timeout_secure_form_state .secure_form_message, #webForms .viewedOnAnotherTab_secure_form_state .secure_form_message { display: block; } #webForms .submit_secure_form_state iframe, #webForms .error_secure_form_state iframe, #webForms .timeout_secure_form_state iframe, #webForms .viewedOnAnotherTab_secure_form_state iframe { display: none; } #webForms .send_secure_form_state .secure_form_message, #webForms .viewed_secure_form_state .secure_form_message, #webForms .received_secure_form_state .secure_form_message { display: none; } #webForms .send_secure_form_state iframe, #webForms .viewed_secure_form_state iframe, #webForms .received_secure_form_state iframe { display: block; } #webForms .cp_secure_form_iframe { border: none; width: 100%; height: 100%; } #webForms .secure_form_message { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; z-index: 10000; } #webForms .secure_form_message .cp_title { padding: 5px 40px 5px 40px; position: absolute; top: 42%; color: inherit; font-size: 1.2em; text-align: center; text-align: -webkit-center; width: 100%; } #webForms .secure_form_message .cp_image { position: absolute; top: 30%; left: 50%; width: 46px; height: 46px; margin-left: -23px; } #webForms .cp_logo_area_wrapper { position: relative; } #webForms .cp_logo_area_wrapper .cp_logo_image_wrapper { max-width: 100%; height: 34px; line-height: normal; border-bottom: 1px solid #d6d6d6; } #webForms .cp_logo_area_wrapper .cp_logo_image_wrapper .cp_image { vertical-align: middle; max-height: 100%; } #webForms .cp_logo_area_wrapper .cp_logo_link { display: block; width: 100%; height: 34px; } #webForms .cp_logo_area_wrapper .cp_logo_link.disableLinkClass { pointer-events: none; cursor: default; } #webForms .cp_logo_top_margin { margin-top: 34px; } #webForms .cp_survey_area .cp_pages_area .cp_input-field { min-height: 30px !important; color: #1F2023; vertical-align: middle; background-color: white; border: 1px solid gainsboro; border-radius: 1px; box-sizing: border-box; width: 100%; padding: 6px 8px; margin-bottom: 0px; } #chatArea { height: 362px !important; width: 274px !important; vertical-align: bottom !important; background-color: #ebebeb !important; margin: 2px !important; position: relative !important; } #chatArea table { padding: 5px !important; width: 100% !important; } #chatArea .customerMessage { padding: 5px !important; text-align: left !important; margin-right: 10px !important; padding-left: 15px !important; } .cp_customer-message { text-align: right !important; position: relative !important; padding: 7px 15px 5px 15px !important; background: #fff; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; display: inline-block !important; max-width: 230px !important; } .cp_customer-message span { word-wrap: break-word; } .cp_agent-message span { word-wrap: break-word; } .bubbleInfo { position: relative !important; padding: 3px 11px 3px 15px !important; background: rgba(179, 179, 179, 0.53) !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 6px !important; margin: auto !important; width: 105px !important; text-align: center !important; font-size: smaller !important; } .cp_customer-message:after { content: '' !important; position: absolute !important; border-style: solid !important; border-width: 7px 10px 7px 0px !important; border-color: transparent #fff !important; display: block !important; width: 0 !important; z-index: 1 !important; left: -10px !important; bottom: 10px !important; } #chatArea .agentMessage { padding: 5px !important; text-align: right !important; margin-right: 10px !important; padding-right: 15px !important; } #chatArea .infoMessage { padding: 5px !important; text-align: right !important; margin-right: 10px !important; padding-right: 15px !important; } #chatArea .cp_status { height: 20px !important; text-align: center; position: relative !important; top: 0px !important; background-color: rgba(186, 187, 0, 0.53); padding: 2px; color: #565656; } #chatArea #messagesArea { height: 355px; overflow: auto; } #chatArea #send { cursor: pointer; } .cp_agent-message { text-align: right !important; position: relative !important; padding: 7px 15px 5px 15px !important; background: rgba(186, 187, 0, 0.53); -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; display: inline-block !important; max-width: 230px !important; } .cp_agent-message:after { content: '' !important; position: absolute !important; border-style: solid !important; border-width: 7px 0 7px 10px !important; border-color: transparent rgba(186, 187, 0, 0.53) !important; display: block !important; width: 0 !important; z-index: 1 !important; right: -10px !important; bottom: 10px !important; } #webForms .modal-footer .btn { display: none; }