:root { --color-1: red; --color-2: green; --color-3: yellow; --color-4: black; --color-5: #0000d0;; --color-6: #00ff00; --color-7: pink; --color-8: purple; --color-9: orange; --color-10: darkgrey; } .indicator-dot {display: none; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 20px; right: 20px; background-color: red;z-index: 100000; } *::-webkit-scrollbar {background:transparent;-moz-appearance: none !important; outline: none !important; width: 8px;} *::-webkit-scrollbar-thumb {background-color: #ececec !important; border-radius: 50px;} .c-Section-Responses {display: block;width: 93%;/*float: right;*/ margin: 0 auto; text-align: left; text-transform: initial;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0,0,0);} .c-Section-Response {display: block; width: 84%;background-color: #ececec; border-radius: 20px; color: black; font-size: 12px; padding: 20px; font-weight: normal; letter-spacing: 0; margin: 6px 0;} .c-Section-Response[data-type="1"] {background-color: #4bade4; color: white;} .c-Section-Response[data-type="1"] .c-Response-Name {color: black;} .c-Section-Response[data-type="1"] .c-Response-Message {color: white;} .c-Section-Response[data-type="2"] {background-color: #f17261; color: black;} .c-Section-Response[data-type="2"] .c-Response-Name {color: white;} .c-Section-Response[data-type="2"] .c-Response-Message {color: black;} .c-Section-Response[data-type="2"] .c-Response-IconButtons {display: none;} .c-Section-Response[data-type="3"] {background-color: rgba(74, 202, 154, 1); color: black;} .c-Section-Response[data-type="3"] .c-Response-Name {color: white;} .c-Section-Response[data-type="3"] .c-Response-Message {color: black;} .c-Section-Response[data-type="3"] .c-Response-IconButtons {display: none;} .c-Section-Response[data-type="4"] .c-Response-IconButtons {display: none;} .c-Section-Response[data-type="5"] {background-color: #fcce58; color: black;} .c-Section-Response[data-type="5"] .c-Response-Name {color: white;} .c-Section-Response[data-type="5"] .c-Response-IconButtons {display: none;} .c-Section-Response[data-type="6"] {background-color: #fb9ee9; color: black;} .c-Section-Response[data-type="6"].c-vanity {background-color: #d86fd8; color: black;} .c-Section-Response[data-type="6"] .c-Response-Name {color: white;} .c-Section-Response[data-type="6"] .c-Response-IconButtons {display: block;} .c-Section-Response .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map, .c-Section-Response[data-type="6"] .c-Response-IconButtons .c-Response-IconButton-Container {display: none;} .c-Section-Response .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map .c-Response-LoadMap {display: block; font-size: 5px; font-weight: bold; background-color: black;border-radius: 25px;color: #fb9ee9; padding: 4px 6px; text-align: center; cursor: pointer; position: relative;margin: 0 auto; text-align: center; top: 1px;} .c-Section-Response[data-type="6"][data-location=""] .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map {display: none;} .c-Section-Response[data-type="6"] .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map {display: block; width: auto;} .c-Section-Response[data-type="6"] .c-Response-Message a {color: white;} .c-Section-Response[data-type="7"] .c-Response-IconButtons {display: none;} .c-Section-Response[data-type="8"] {background-color: #b18dd3; color: black;} .c-Section-Response[data-type="8"] .c-Response-Name {color: white;} .c-Section-Response[data-type="8"] .c-Response-IconButtons {display: block;} .c-Section-Response[data-type="8"] .c-Response-IconButtons .c-Response-IconButton-Container {display: none;} .c-Section-Response[data-type="8"][data-location=""] .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map {display: none;} .c-Section-Response[data-type="8"] .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map {display: block; width: auto;} .c-Section-Response[data-type="8"] .c-Response-IconButtons .c-Response-IconButton-Container.c-Response-IconButton-Map .c-Response-LoadMap {color: #b18dd3;} .c-Section-Response[data-type="8"] .c-Response-Message a {color: white;} .c-Section-Response[data-trans_msg="true"] {background-color: #74898d;} .c-Section-Response[data-trans_msg="true"] .c-Response-Name {color: white;} .c-Section-Response[data-status="failed"] {background-color: #51babf; color: black;} .c-Section-Response[data-status="failed"] .c-Response-Name {color: white;} .c-Section-Response-Header {margin-bottom: 5px;} .c-Section-Response-Content {margin-bottom: 5px;} .c-Section-Response- {margin-bottom: 5px;} .c-Section-Responses .c-Response-Name {color: #f27261; font-weight: bold; font-size: 12px;} .c-Section-Responses .c-Response-Message {color: black; font-size: 12px; font-weight: normal;} .c-Section-Responses .c-Response-DateTime {color: rgba(0,0,0, 0.5); font-size: 8px;} .c-Response-IconButtons {float: right; vertical-align: middle; text-align: right;} .c-Response-IconButton {background-color: unset; border:none; color: black;font-size: 10px;width: 14px;padding: 0; display: inline-block;} .c-Response-IconButton.c-Response-AudioDownload > span {position: relative;left: 2px;} .c-Response-IconButton.c-Response-Call {font-size: 9px;} .c-Response-IconButton-Container {width: 14px;display: inline-block;} .call-audio {display: none !important;} .overlay-popup {display: none; z-index: 100; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9);z-index: 100000; overflow: hidden;} .overlay-popup.active {display: block;} .overlay-popup-blocks {display: block; width: 100%; height: 100%; z-index: 99;margin: 0 auto;vertical-align: middle;background: transparent none repeat scroll 0 0;border: none;color: white;font-size: 16px;font-weight: bold; font-weight: normal;padding: 0px 0; text-align: center;text-decoration: none;text-transform: uppercase; font-size: 12px; letter-spacing: 1px; position: absolute; top: 0; left: 0; /*overflow-y: scroll;*/} .overlay-popup-block {display: block; vertical-align: middle; height: auto;width: 100%;} .c-Overlay-Block {background: white; border-color: #e7e4e3; color: white; display: block; border-radius: 50px; font-weight: bold; margin: 35px auto; padding: 25px 0px;text-align: center;text-decoration: none;text-transform: uppercase;height: auto;width: 325px;letter-spacing: 1px;position: relative;} .c-Overlay-Container {display: block;vertical-align: middle; background-color: transparent; border-color: white; color: black; border-radius: 20px; letter-spacing: 0px;padding: 3px 0px;position: relative;} .responses-popup .widgetpopup .option-container {top: 10px !important} .responses-popup .c-Responses-Block {width: 90%; margin: 0 auto;width: 90%;height: 400px; padding-left: 10px;padding-bottom: 0px;overflow-y: scroll; position: relative;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0,0,0);} .responses-popup .c-Responses-Card {padding-top: 20px;} .responses-popup .c-Responses-Container .c-OuterFooter, .responses-popup .c-Responses-Container .c-BillboardTable-Card-Header-Buttons .u-Audio-Download, .responses-popup .c-Responses-Container .c-BillboardTable-Card-Header-Buttons .icon-mobile, .responses-popup .c-Responses-Container .u-Responses {display: none !important;} .responses-popup .c-Section-Responses:empty {position: relative; height: 100%;} .responses-popup .c-Section-Responses:empty:before {display: none; content: 'Your responses and opt-outs will be shown in here once you have sent out your Voccall.'; font-style: italic; font-weight: normal; text-transform: unset; position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%;height: auto;font-size: 18px;text-align: center;} .c-Overlay-Header-Title {font-size: 12px; font-size: bold;letter-spacing: 2px;} .c-Overlay-Header-SubTitle {font-size: 22px; font-size: bold;} body .overlay-popup-close-button {font-size: 10px;cursor: pointer;background: white none repeat scroll 0 0;border: none;border-radius: 6px;background:transparent;color:black; font-weight:bold;display: inline-block;margin: 0 auto;padding: 3px 10px;text-align: center;text-decoration: none;overflow: hidden; position: absolute; top: 29px; right: 20px; z-index: 1;} .c-Overlay-Footer {padding-top: 10px; background-color: inherit;} .c-LandingPage .responses-popup .c-Overlay-Footer {position: relative;} .c-Overlay-Footer-Button {position: relative;text-transform: uppercase; cursor: pointer;border: none;background: unset; color:black;display: inline-block;font-size: 8px;vertical-align: middle; font-weight: bold;padding: 8px 18px;border-radius: 5px; letter-spacing: 0;} .c-Overlay-Footer-Button:focus {background: none; color:black;} .c-Overlay-Footer-Button:hover {color: black; background:#ececec; color: black; font-size: 8px;} .responses-popup .c-Overlay-Footer .c-Overlay-Footer-Buttons {position: relative; top: 5px;} .u-ResponseAudioPlay.audio-pause .icon-play-dark:before {content: '\e90e' !important; columns: black;} .c-Section-Response.c-InfoResponse {background-color: black;color: white;} .c-Section-Response.c-InfoResponse .c-Response-Name {color: #4aca9a;} .c-Section-Response .c-Response-CopyLink {text-transform: uppercase; background-color: rgba(74, 202, 154, 1);color: black;border-radius: 10px;padding: 5px 7px;float: right;border: none;font-size: 6px;letter-spacing: 0;font-weight: bold;min-width: 45px; } .c-Section-Response .c-Response-CopyLink:hover {background-color: rgba(74, 202, 154, 0.8);} .c-Section-Response .c-Response-CopyLink.process {background-color: rgba(74, 202, 154, 0.8);color:black;} .c-Section-Response .c-Response-CopyLink {display: none;} .c-Section-Response .c-Section-Response-Header .c-Response-CopyLink {display: inline-block;} .c-Section-Response.expandable .c-Section-Response-Header .c-Response-CopyLink {display: inline-block;} .c-Section-Response.expandable.expanded .c-Section-Response-Footer .c-Response-CopyLink {display: inline-block;} .c-Section-Response.expandable.expanded .c-Section-Response-Header .c-Response-CopyLink {display: none;} .c-Section-Response.c-InfoResponse.expanded .c-Response-IconButton-Link .c-Response-Link {display: none;} .c-Section-Response.c-InfoResponse.expanded .c-Response-IconButtons {display: none;} .c-Section-Response.c-InfoResponse .c-Response-DateTime {color: gray;} .c-Section-Response.c-InfoResponse .c-Response-IconButton {display: none; color: white;} .c-Section-Response .c-Response-IconButton-Link, .c-Section-Response .c-Response-IconButton.c-Response-Link {display: none;} .c-Section-Response.c-InfoResponse .c-Response-IconButton-Link, .c-Section-Response.c-InfoResponse .c-Response-IconButton.c-Response-Link {display: inline-block;} .c-Section-Response[data-type="call"] .c-Response-AudioDownload, .c-Section-Response[data-type="call"] .c-Response-AudioPlay, .c-Section-Response[data-type="call"] .c-Response-Call, .c-Section-Response[data-type="call"] .c-Response-WhatsApp, /*.c-Section-Response[data-type="call"][data-rec="done"] .c-Response-AudioPlay.hide,*/ .c-Section-Response[data-type="call"][data-recording_status="downloaded"] .c-Response-AudioPlay.hide, .c-Section-Response[data-type="call"][data-trans="failed"] .c-Response-AudioPlay {display: none !important;} .c-Section-Response .c-Response-AudioPlay audio {display: none !important;} .c-Section-Response[data-type="call"][data-status="ended"] .c-Response-Call, .c-Section-Response[data-type="call"][data-status="ended"] .c-Response-WhatsApp, .c-Section-Response[data-type="call"][data-status="no_answer"] .c-Response-Call, .c-Section-Response[data-type="call"][data-status="no_answer"] .c-Response-WhatsApp, /*.c-Section-Response[data-type="call"][data-rec="done"] .c-Response-AudioDownload, .c-Section-Response[data-type="call"][data-rec="done"] .c-Response-AudioPlay {display: inline-block !important;}*/ .c-Section-Response[data-type="call"][data-recording_status="downloaded"] .c-Response-AudioDownload, .c-Section-Response[data-type="call"][data-recording_status="downloaded"] .c-Response-AudioPlay {display: inline-block !important;} .c-Overlay-Close .icon-delete, .overlay-close .icon-delete {color: #f07261;} .c-Overlay-Close .icon-cricle, .overlay-close .icon-cricle {background-color: rgba(240, 114, 97, 0.2); border-radius: 50px;width: 24px;height: 24px;display: inline-block;line-height: 25px;font-size: 8px;} .overlay .overlay-close-button, .overlay-popup .overlay-close-button {position: absolute; bottom: 18%; left:50%; top: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .c-Section-Response {cursor: pointer;} .c-Section-Response.expanded {padding: 5px 20px 2px; cursor: pointer;} .c-Section-Response.expanded .c-Response-Name span[data-field="surname"] {display: none;} .c-Section-Response.expanded .c-Response-DateTime {display: none;} .c-Section-Response.expanded .c-Section-Response-Header {width: 21%;display: inline-block;overflow: hidden;vertical-align: middle; height: 17px;} .c-Section-Response.expanded .c-Section-Response-Content {width: 42%;display: inline-block;overflow: hidden;vertical-align: middle; height: 17px;padding: 0 5px;text-overflow: ellipsis;white-space: nowrap;} .c-Section-Response.expanded .c-Section-Response-Footer {width: auto;display: inline-block;overflow: hidden;vertical-align: middle; height: 17px;position: relative;top: -2px;} .c-Section-Response.c-InfoResponse.expanded .c-Section-Response-Footer {width: 64px;height: 20px;top: -1px;} .c-Section-Response[data-type="6"] {padding: 20px 10px 20px 20px;width: 88.3%;} .c-Section-Response[data-type="6"].expanded {padding: 5px 10px 2px 20px;width: 88.3%;} .c-Section-Response[data-type="6"] .c-Section-Response-Header {width: 21%;} .c-Section-Response[data-type="6"] .c-Section-Response-Content {width: auto;} .c-Section-Response[data-type="6"].expanded .c-Section-Response-Content {padding: 0 3px; width: 62%;} .c-Section-Response[data-type="call"][data-status="failed"].expanded .c-Section-Response-Content {padding: 0 3px; width: 62%;} .c-Section-Response[data-type="call"][data-status="failed"] .c-Section-Response-Footer {display: none;} .c-Section-Response[data-type="8"] {padding: 20px 10px 20px 20px;width: 88.3%;} .c-Section-Response[data-type="8"].expanded {padding: 5px 10px 2px 20px;width: 88.3%;} .c-Section-Response[data-type="8"] .c-Section-Response-Header {width: 21%;} .c-Section-Response[data-type="8"] .c-Section-Response-Content {width: auto;} .c-Section-Response[data-type="8"].expanded .c-Section-Response-Content {padding: 0 3px; width: 62%;} /*.c-Section-Response[data-type="call"][data-rec="done"] .c-Response-AudioPlay.loading > span*/ .c-Section-Response[data-type="call"][data-recording_status="downloaded"] .c-Response-AudioPlay.loading > span {display: none;} /*.c-Section-Response[data-type="call"][data-rec="done"] .c-Response-AudioPlay.loading*/ .c-Section-Response[data-type="call"][data-recording_status="downloaded"] .c-Response-AudioPlay.loading {height:8px;width:8px;position:relative;-webkit-animation: rotation .6s infinite linear;-moz-animation: rotation .6s infinite linear;-o-animation: rotation .6s infinite linear;animation: rotation .6s infinite linear;border-left:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.8);border-radius:100%;margin-left: 2px;} @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg)}} @-moz-keyframes rotation {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(359deg);}} @-o-keyframes rotation {rom {-o-transform: rotate(0deg);}to {-o-transform: rotate(359deg);}} @keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}} .system-logs.full {display: none;background-color: #f0f0f0; border: 2px solid grey; padding: 30px;padding-right: 60px; border-radius: 20px; width: 300px; position: fixed; right: 0; bottom: 0; height: 100px; overflow: scroll; z-index: 300000;} .system-logs.small {display: none;background-color: white; color: black; text-align: center; width: 15px; height: 15px;line-height: 15px; border-radius: 50%; position: fixed; left: 20px; bottom: 20px; z-index: 300000; font-size: 7px; font-weight: bold;} .system-logs.active {display: block;} .system-log {background-color: white; color: black; border-radius: 50%; width: 20px; height:20px; line-height: 20px; font-size: 8px;word-break: break-word;margin: 20px auto;} .chat-logs {display: none;background-color: #f0f0f0; border: 2px solid grey; padding: 30px;padding-right: 60px; border-radius: 20px; overflow: scroll; z-index: 300000;display: block; position: fixed; right: auto;top: 50px;bottom: auto; left: 10px;overflow-x:hidden;} .chat-logs::-webkit-scrollbar {background:white;-moz-appearance: none !important; outline: none !important; width: 8px;} .chat-logs::-webkit-scrollbar-thumb {background-color: black !important; border-radius: 50px;} .chat-log-close {font-size: 10px;cursor: pointer;background: white none repeat scroll 0 0;border: none;border-radius: 6px;background:transparent;color:black; font-weight:bold;display: inline-block;margin: 0 auto;padding: 3px 10px;text-align: center;text-decoration: none;overflow: hidden; position: absolute; top: 12px;right: 5px; z-index: 1;} .chat-logs.full {width: 300px; height: 200px;} .chat-logs.closed {background-color: white; color: black; text-align: center; width: 25px; height: 25px;line-height: 25px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; z-index: 300000; font-size: 7px; font-weight: bold; padding: 0; overflow: hidden;} .chat-logs.closed .chat-log-close {padding: 0; left: 5px;top: 1px;} .chat-logs.active {display: block;} .chat-log {background-color: white; color: black; border-radius: 5px; width: 100%; height:auto; line-height: 20px; font-size: 12px;word-break: break-word;margin: 20px auto; padding: 5px;} .c-Section-Responses-Loader {display: none;} .c-Section-Responses-Loader.active {display: block;} .c-Responses-Step .c-Overlay-Middle {margin-top: 0;} .c-Section-Responses-Loader .c-Overlay-Middle-Content-Loading {padding: 10px 0;} .overlay-main-text {position: relative;} .overlay-animate-arrow { display: none; position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;border-radius: 30px;background: rgba(0,0,0,0.6);padding: 30px 0 35px 0px; width: 30px;} .overlay-animate-arrow.active { display: block;} .overlay-animate-arrow .animate-arrow {margin: 0 auto;top: 25%;} .c-Section-Responses-Loader {height: auto;position: absolute;top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;} .c-Section-Responses-Loader .c-Overlay-Middle-Header {padding-bottom: 5px; } .c-Section-Responses-Loader .c-Overlay-Middle-Header-Text {font-style: italic !important; font-weight: normal; text-transform: initial;width: 100%;height: auto;font-size: 22px;text-align: center;} .c-Section-Responses-Loader .c-Overlay-Middle-Footer-Text {font-style: italic !important; font-weight: normal !important; text-transform: initial;width: 100%;height: auto;font-size: 12px;text-align: center;} .c-Section-Responses-Loader .c-Overlay-Middle.c-Overlay-Middle-Float {position: absolute; margin: 0 auto; top: 56%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;} .c-Section-Responses-Loader .c-Overlay-Middle .waveContainer .wave {background: #50cb9d !important;} .c-Section-Responses-Loader .c-Overlay-Middle .c-BroadcastProcess-Number {color: #50cb9d; font-weight: normal; font-size: 50px;vertical-align: middle;position: relative;top: -5px;} .c-Section-Responses-Loader .c-Overlay-Middle .c-Overlay-Middle-Block-Animate {display: none;} .c-Section-Responses-Loader .c-Overlay-Middle .c-Overlay-Middle-Block-Animate.active {display: block;} .c-Section-Responses-Loader .c-Overlay-Middle-Content-Loading {padding: 20px 0;} .prompt-overlay.upgrade-overlay .overlay-popup-close-button {display: block;} .prompt-overlay.upgrade-overlay .c-Overlay-PromptBox-Middle-Content {display: block;font-size: 22px; width: 75%; margin: 0 auto; font-style: italic;} .reverb-paginataion {display: inline-block;} .reverb-paginataion a {color: black;float: left;padding: 2px 10px;text-decoration: none;border-radius: 5px;margin: 0px 2px;} .reverb-paginataion a:hover,.reverb-paginataion a.active {background: #4aca9a;} .responses-popup .c-Section-Response.hide {display: none;} .c-Response-Details-Response-Blocks {background: white;} .c-Response-PromptBox-Header-Statics {text-align: center;margin-top: 20px;/*border-top: 1px solid black;border-bottom: 1px solid black;*/padding-top: 20px;padding-bottom: 10px;border-radius: 10px;background: rgba(255, 255, 255, 0.2);} .c-Response-PromptBox-Header-Static {display: inline-block;width: 24.2%;text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 10px;vertical-align: middle;} .c-Response-PromptBox-Header-Static-Container {cursor: pointer; width: 90%;border-radius: 15px;background: transparent;color:black;text-align: center;padding: 5px 0;line-height: 20px;margin: 0 auto;height: 50px;} /*.c-Response-PromptBox-Header-Static.active .c-Response-PromptBox-Header-Static-Container, .c-Response-PromptBox-Header-Static:hover .c-Response-PromptBox-Header-Static-Container {background: #fdcf4c;}*/ .flash-green { -webkit-animation-name: flash_green; -webkit-animation-duration: 1s; animation-name: flash_green; animation-duration: 1s;animation-iteration-count: 4;-webkit-animation-iteration-count: 4;} .c-Response-PromptBox-Header-Static-Container.flash-green {animation-iteration-count: 1;-webkit-animation-iteration-count: 1;} .c-Overlay-PromptBox-Header-Static-Container.flash-green {animation-iteration-count: 1;-webkit-animation-iteration-count: 1;} .flash-red { -webkit-animation-name: flash_red; -webkit-animation-duration: 1s; animation-name: flash_red; animation-duration: 1s;animation-iteration-count: 4;-webkit-animation-iteration-count: 4;} .c-Response-PromptBox-Header-Static-Number {margin-bottom: 0px;font-weight: normal;height: 30px;display: block;} .c-Response-PromptBox-Header-Static-Name {text-transform: unset; line-height: 10px;margin-bottom: 10px;} .c-Response-PromptBox-Header-Static-Name span {font-size: 6px;/*background: #dca00c;padding: 3px 8px;*/border-radius: 20px;font-weight: bold;vertical-align: middle;text-transform: uppercase;} .c-Response-Details-Response-Blocks .c-Response-PromptBox-Header-Statics {padding: 0; background: transparent;} .c-Response-Details-Response-Blocks .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static:hover .c-Response-PromptBox-Header-Static-Container, .c-Response-Details-Response-Blocks .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static.active .c-Response-PromptBox-Header-Static-Container {background: transparent;} .c-Response-PromptBox-Header-Static.c-VoccallSent-Statics .c-Response-PromptBox-Header-Static-Number {height: 30px; line-height: 12px; display: block;} .c-Response-PromptBox-Header-Static.c-VoccallSent-Statics .c-Response-PromptBox-Header-Static-Number .u-Static-Number-Print {font-size: 10px;line-height: 12px;vertical-align: middle;position: relative;top: -7px;} .c-Response-Stats .c-Response-PromptBox-Header-Static-Container {cursor: auto;} .c-Overlay-Header-SubTitle.u-Responses-Total {display: none;} .c-Response-Stats .c-Response-PromptBox-Header-Statics {padding-top: 10px;padding-bottom: 0; margin: 0 auto;} .responses-popup .c-Overlay-Header-Title {padding-bottom: 15px;} .c-Overlay-Details-Response:hover {background: white;} .c-Response-ProgressBar .sent_progress {display: block;padding: 0px; height: 29px; line-height: 29px; width: 100%;overflow: hidden; margin: 0 auto; position: relative;border-radius: 20px;color: black;font-size: 12px;font-weight: normal;letter-spacing: 0;} .c-Response-FilterButtons {display: block;width: auto;background-color: #ececec;border-radius: 20px;color: black;font-size: 12px;font-weight: normal;letter-spacing: 0;height: 29px;line-height: 29px; text-align: center; cursor: pointer;font-weight: normal;letter-spacing: 0;margin: 8px 0;} .c-Response-FilterButton {background-color: #ececec;border-radius: 20px;color: black; padding: 0;height: 29px; text-align: center; cursor: pointer; width: 50%; display: block; font-size: 10px; position: relative;} .c-Response-FilterButton .icon-tick {display: none; position: absolute; right: 5px;top: 1px;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton.u-ResponsesFilter-ShowEverything {background-color: #4aca9a; border-bottom-right-radius: 0px; border-top-right-radius: 0px; float: left;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton.u-ResponsesFilter-ShowResponsesOnly {border-bottom-left-radius: 0px; border-top-left-radius: 0px; float: right;text-indent: 0px;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton.u-ResponsesFilter-ShowResponsesOnly .span-text {text-indent: -10px; display: block;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton.u-ResponsesFilter-ShowEverything .icon-tick {display: block;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton:hover, .responses-popup .c-Response-FilterButtons .c-Response-FilterButton.u-ResponsesFilter-ShowEverything:hover, .responses-popup.responses-filter .c-Response-FilterButtons .u-ResponsesFilter-ShowResponsesOnly {background-color: #4aca9a;} .c-Response-FilterButton:hover .icon-tick, .responses-popup.responses-filter .c-Response-FilterButtons .u-ResponsesFilter-ShowResponsesOnly .icon-tick {display: block;} .responses-popup.responses-filter .c-Response-FilterButtons .u-ResponsesFilter-ShowEverything {background-color: #ececec;} .c-Response-FilterButton:hover .icon-tick, .responses-popup.responses-filter .c-Response-FilterButtons .u-ResponsesFilter-ShowEverything .icon-tick {display: none;} .responses-popup.responses-filter .c-Section-Response {display: none;} .responses-popup.responses-filter .c-Section-Response.paged-added, .responses-popup.responses-filter .c-Section-Response[data-trans_msg="true"], .responses-popup.responses-filter .c-Section-Response[data-type="1"], .responses-popup.responses-filter .c-Section-Response[data-type="2"], .responses-popup.responses-filter .c-Section-Response[data-type="3"], .responses-popup.responses-filter .c-Section-Response[data-type="5"] {display: block !important;} .responses-popup .overlay-popup-blocks {overflow: hidden !important;} @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;} .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#4aca9a;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease} .progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px} .progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite} .c-Response-ProgressBar .progress-bar {text-align: center; position: relative; overflow: visible;border-radius: 20px; } .progress-bar-text {z-index: 1;display: block;position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: black;} .overlay-popup.responses-popup .c-Section-Header-Logo {display: none;} .c-Reverb-Download-Loader-Overlay {display: none; cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); color: white; z-index: 100001;} .c-Reverb-Download-Loader-Overlay.active {display: block;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader {display: block; height: 100%; width: 325px;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader .c-Overlay-Middle.c-Overlay-Middle-Float {top: 50%;width: 80%; margin: 0 auto;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader .c-Overlay-Middle-Footer-Text {font-size: 10px;margin-bottom: 8px;font-weight: bold !important;text-transform: uppercase;font-style: normal !important;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader .c-Overlay-Middle-Footer-Text-Desc {display: block; text-align: center;width: auto;margin: 0 auto;min-height: 90px;line-height: 30px;font-size: 24px;text-transform: uppercase;font-style: normal;font-weight: bold;color: white;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader .c-Overlay-Middle-Footer-Text-Desc span {display: none;} .c-Reverb-Download-Loader-Overlay .c-Section-Responses-Loader .c-Overlay-Middle-Footer-Text-Desc span.active {display: block;} .c-Reverb-Download-Loader-Overlay .c-Overlay-Footer {padding-top: 10px; background-color: inherit; position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; background: transparent;} .c-Reverb-Download-Loader-Overlay .c-Overlay-Footer .c-Overlay-Footer-Button {padding-top: 10px;width: auto; text-align: center; background: rgba(241, 114, 97, 0.3); color: #f17261; border-radius: 5px;} .c-Reverb-Download-Loader-Overlay .c-Overlay-Footer .c-Overlay-Footer-Button:hover {background: rgba(238, 115, 101, 1);color: white;} .c-Response-LoaderButtons {display: none;width: auto;background-color: transparent;color: white;letter-spacing: 0;height: 29px;line-height: 29px; text-align: center; cursor: pointer;letter-spacing: 0;margin: 0 auto;font-size: 8px;vertical-align: middle;font-weight: bold; padding: 10px 0; position: absolute; bottom: 18%; left:50%; top: -60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .c-Response-LoaderButtons.active {display: block;} .c-Response-LoaderButton {background-color: black;border-radius: 10px;color: white; padding: 0;width: 125px; height: 29px; text-align: center; cursor: pointer; display: block; position: relative;margin: 0 auto; text-align: left;} .c-Response-LoaderButton .span-LoaderIcon {position: absolute; top: 8px; right: 10px;} .c-Response-LoaderButton .span-loader {display: block; height:10px;width:10px;position:relative;-webkit-animation: rotation .6s infinite linear;-moz-animation: rotation .6s infinite linear;-o-animation: rotation .6s infinite linear;animation: rotation .6s infinite linear;border-left:2px solid rgba(255,255,255,.35);border-right:2px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(255,255,255,.35);border-top:2px solid rgba(255,255,255,.8);border-radius:100%;} .c-Response-LoaderButton .span-tickdone {display: none;line-height: 12px;letter-spacing: 0;text-indent: 0;font-size: 10px;position: relative;right: 0px;} .c-Response-LoaderButtons.allpageddone .span-loader {display: none;} .c-Response-LoaderButtons.allpageddone .span-tickdone {display: block;} .c-Response-LoaderButton .span-text {position: relative;display: block;width: 100%;margin-left: 15px;} /* fadein and out two text */ .js-nametag-text{position: absolute;left: 0;} .js-nametag{position: absolute; left: -70px; width:145px; text-transform: initial; font-size: 12px; font-weight: normal;} .js-nametag:nth-child(1){animation-name: fade;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 5s;animation-direction: alternate-reverse;} .js-nametag:nth-child(2){animation-name: fade;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 5s; animation-direction: alternate;} @keyframes fade{0%,50% { opacity: 0;} 100%{ opacity: 1; }} .c-Reverb-Map-Overlay {display: none; background: black; border-radius: 20px; cursor: pointer; position: absolute; bottom: 18%; left:50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; height: calc(60vw * 0.65); background-color: rgba(0, 0, 0, 0.9); color: white; z-index: 100001;} .c-Reverb-Map-Overlay.active {display: block;} .c-Reverb-Map-Overlay .c-Section-Map-Overlay, .c-Reverb-Map-Overlay #u-Location-Map {height: 100%;border-radius: 20px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-mask-image: -webkit-radial-gradient(white, black);} .c-Reverb-Map-Overlay #u-Location-Map > div {border-radius: 20px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-mask-image: -webkit-radial-gradient(white, black);} .c-Reverb-Map-Overlay .overlay-popup-close-button {right: 8px;top: 8px;background: black;border-radius: 50%;width: 20px; height: 20px;line-height: 21px; font-size: 8px; color: white;text-align: center; padding: 0;} .c-Response-ProgressBar {position: relative;} .c-Response-ProgressBar .c-Response-Porcess-Button {display: block;font-size: 10px;font-weight: bold;background-color: #f17261;border-radius: 25px;color: black;text-align: center;cursor: pointer;margin: 0 auto;text-align: center;position: absolute; top: 5px; right: 7px;z-index: 1;text-transform: none;width: 36px;height: 18px;line-height: 18px;} .c-Response-ProgressBar .c-Response-Porcess-Button.u-Response-PorcessStop-Button {display: none;} .c-Response-ProgressBar .c-Response-Porcess-Button.processing span {display: none;} .c-Response-ProgressBar .c-Response-Porcess-Button.processing:after {content: '';height: 10px;width: 10px;position: relative;-webkit-animation: rotation .6s infinite linear;-moz-animation: rotation .6s infinite linear;-o-animation: rotation .6s infinite linear;animation: rotation .6s infinite linear;border-left: 1px solid rgba(0,0,0,.15);border-right: 1px solid rgba(0,0,0,.15);border-bottom: 1px solid rgba(0,0,0,.15);border-top: 1px solid rgba(0,0,0,.8);border-radius: 100%;display: inline-block;vertical-align: unset; position: absolute; top: 3px;position: absolute;margin: 0 auto;right: 0;left: 0px;text-align: center;} .prompt-overlay .c-Overlay-PromptBox-buttons .c-Overlay-PromptBox-button-Yes {background: #e6e6e6;color: black;margin: 0 5px;} .prompt-overlay .c-Overlay-PromptBox-buttons .c-Overlay-PromptBox-button-Yes:hover {background: #4aca9a;} .prompt-overlay .c-Overlay-PromptBox-buttons .c-Overlay-PromptBox-button-No:hover {background:rgba(73, 205, 157,0.4);} .processstop-confirm-overlay .c-Overlay-PromptBox-buttons .c-Overlay-PromptBox-button {font-weight: bold;} .processstop-confirm-overlay .c-Overlay-PromptBox-Middle {padding: 20px 50px;position: relative;top: -3px;} .processstop-confirm-overlay .c-Overlay-PromptBox-Middle .c-Overlay-PromptBox-Middle-Content {font-weight: 16px;} .processstop-confirm-overlay.prompt-overlay .overlay-popup-close-button {display: block;} .processstop-confirm-overlay.prompt-overlay .c-Overlay-PromptBox {min-height: 190px;} .c-Overlay-PromptBox .c-Overlay-PromptBox-Loader {display: none; cursor: pointer; position: absolute; top: 0px; left:0px; width: 100%;height: 100%; background-color: transparent; color: white;border-radius: 50px;text-align: center;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .c-Overlay-PromptBox .c-Overlay-PromptBox-Loader .c-Overlay-Middle-Content-Loading { position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);padding: 0; margin: 0 auto;} .c-Overlay-PromptBox .c-Overlay-PromptBox-Loader .c-Overlay-Middle-Content-Loading .waveContainer .wave {background: #50cb9d !important;} .c-Overlay-PromptBox .c-Overlay-PromptBox-Success {display: none; cursor: pointer; position: absolute; top: 0px; left:0px; width: 100%;height: 100%; background-color: transparent; color: white;border-radius: 50px;text-align: center;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .c-Overlay-PromptBox .c-Overlay-PromptBox-Success .c-Overlay-PromptBox-Success-Block {display: block; cursor: pointer; position: relative; top: 40%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px;height: 120px; border-radius: 50%;text-align: center;} .c-Overlay-PromptBox .c-Overlay-PromptBox-Success .c-Overlay-PromptBox-Success-Block svg.tick-animate {width: 80%; height: 80%; position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);background: rgba(73, 205, 157,0.85);cursor: no-drop;padding: 0; margin: 0 auto;} .c-Overlay-PromptBox .c-Overlay-PromptBox-Success .c-Overlay-PromptBox-Middle {color: black;font-weight: bold;} .responses-popup .c-Response-FilterButtons .c-Response-FilterButton .span-text {float: left;text-transform: uppercase; font-size: 7px;font-weight: bold;margin-left: 10px;margin-right: 2px;position: relative;top: 1px;} .c-Section-Response.expanded {padding: 5px 10px 2px 20px; width: 88%} .c-Section-Response.expanded .c-Section-Response-Content {width: 44%;} .c-Section-Response.c-InfoResponse.expanded .c-Section-Response-Content {width: 50%;} .c-Section-Response.c-InfoResponse.expanded .c-Section-Response-Footer {width: 52px;} .c-Response-PromptBox-Header-Statics {-webkit-transition: all 250ms ease; transition: all 250ms ease;} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Response-PromptBox-Header-Static-Container {background: #f1f1f1; position: relative;cursor: pointer;} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Response-PromptBox-Header-Static-Container:hover {background: rgba(74, 202, 154, 1);} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Response-PromptBox-Header-Static-Container .c-Response-PromptBox-Header-Static-Name {background: #fdcf4c; position: relative;position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-size: 8px;background: transparent;} .c-Response-PromptBox-Header-Statics .u-getDashboardStatics-More {display: none;} .c-Response-PromptBox-Header-Statics .u-getDashboardStatics-Less {display: inline-block;} .c-Response-PromptBox-Header-Statics.show-less .u-getDashboardStatics-More {display: inline-block;} .c-Response-PromptBox-Header-Statics.show-less .u-getDashboardStatics-Less {display: none;} .c-Response-PromptBox-Header-Statics.show-less {max-height: 210px;overflow: hidden; position: relative;overflow: hidden;} .c-Response-PromptBox-Header-Statics.show-less .u-getDashboardStatics-More ~ .c-Response-PromptBox-Header-Static {margin-top: 10px;} .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static-Container {background: transparent;} .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static-Name {height: 12.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10px;} .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static-Name > span {font-size: 6px;} .c-Responses-VanityUrls-Static .c-Response-PromptBox-Header-Static {cursor: auto;} .c-Response-LoaderButtons .done-text {display: none; margin-right: 6px;} .c-Response-LoaderButtons .loading-text {display: inline-block;} .c-Response-LoaderButtons.allpageddone .done-text {display: inline-block;} .c-Response-LoaderButtons.allpageddone .loading-text {display: none;} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Overlay-PromptBox-Header-Static-Container {background: #fdcf4c; position: relative;} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Overlay-PromptBox-Header-Static-Container:hover {background: white;} .c-Response-PromptBox-Header-Statics .c-Overlay-Dashboard-Static-LoadMore .c-Overlay-PromptBox-Header-Static-Container .c-Overlay-PromptBox-Header-Static-Name {background: #fdcf4c; position: relative;position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-size: 8px;background: transparent;height: auto;overflow:visible;white-space: unset;} .c-Response-PromptBox-Header-Statics {-webkit-transition: all 250ms ease; transition: all 250ms ease;} .c-Response-PromptBox-Header-Statics .c-Overlay-PromptBox-Header-Static-Name {height: 12.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10px;} .c-Response-PromptBox-Header-Statics .c-Overlay-PromptBox-Header-Static-Name > span {font-size: 6px;} .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static.u-getReverbReportStatics-More {display: none;} .c-Response-PromptBox-Header-Statics .c-Response-PromptBox-Header-Static.u-getReverbReportStatics-Less {display: inline-block;} .c-Response-PromptBox-Header-Statics.show-less .c-Response-PromptBox-Header-Static.u-getReverbReportStatics-More {display: inline-block;} .c-Response-PromptBox-Header-Statics.show-less .c-Response-PromptBox-Header-Static.u-getReverbReportStatics-Less {display: none;} .c-Response-PromptBox-Header-Statics.show-less {max-height: 210px;overflow: hidden; position: relative;overflow: hidden;} .c-Response-PromptBox-Header-Statics.show-less .c-Response-PromptBox-Header-Static.u-getReverbReportStatics-More ~ .c-Overlay-PromptBox-Header-Static {margin-top: 10px;}