o: ActiveSupport::Cache::Entry :@compressedF:@expires_in0:@created_atf1392263978.4694898: @value"Íf{I" class:EFI"BundledAsset;FI"logical_path;FI"telephony/widget.css;TI" pathname;FI"]/Users/bobcook/rails_projects/zestphone/app/assets/stylesheets/telephony/widget.css.scss;TI"content_type;FI" text/css;FI" mtime;FI"2014-01-21T14:42:10-07:00;FI" length;FiùdI" digest;F"%303501c187b9499e9ef0752ba44c9e35I" source;FI"ùd@charset "UTF-8";#telephony-widget div, #telephony-widget span, #telephony-widget form, #telephony-widget input, #telephony-widget p, #telephony-widget button, #telephony-widget dl, #telephony-widget dt, #telephony-widget dd, #telephony-widget ol, #telephony-widget ul, #telephony-widget li { margin: 0; padding: 0; } #telephony-widget ol, #telephony-widget ul { list-style: none; } @font-face { font-family: 'zest-telephony'; src: url("/assets/telephony/zest-telephony.eot"); src: url("/assets/telephony/zest-telephony.eot?#iefix") format('embedded-opentype'), url("/assets/telephony/zest-telephony.woff") format('woff'), url("/assets/telephony/zest-telephony.ttf") format('truetype'), url("/assets/telephony/zest-telephony.svg#zest-telephony") format('svg'); font-weight: normal; font-style: normal; } #telephony-widget [class^="icon-"]:before, #telephony-widget [class*=" icon-"]:before { font-family: 'zest-telephony'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; opacity: 0.8; /* fix buttons height, for twitter bootstrap */ /*line-height: 1em;*/ /* Animation center compensation - magrins should be symmetric */ /* remove if not needed */ /*margin-left: 0.4em;*/ /* you can be more comfortable with increased icons size */ /*font-size: 120%;*/ /* Uncomment for 3D effect */ text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); } #telephony-widget .icon-attention:before { content: '\26a0'; } /* 'âš ' */ #telephony-widget .icon-ok-circle:before { content: '\2714'; } /* '✔' */ #telephony-widget .icon-cancel-circle:before { content: '\2716'; } /* '✖' */ #telephony-widget .icon-list:before { content: '\e782'; } /* 'îž‚' */ #telephony-widget .icon-spin5:before { content: '\e838'; } /* 'î ¸' */ #telephony-widget .icon-phone-squared:before { content: '\f098'; } /* '' */ #telephony-widget .icon-mail-alt:before { content: '\f0e0'; } /* '' */ #telephony-widget .icon-user:before { content: '👤'; } /* '\1f464' */ #telephony-widget .icon-phone:before { content: '📞'; } /* '\1f4de' */ #telephony-widget .icon-search:before { content: 'ðŸ”'; } /* '\1f50d' */ #telephony-widget .icon-bell:before { content: '🔔'; } /* '\1f514' */ /* Zest orange */ /* Zest light blue */ /* darker orange */ /* light gray */ /* background blue */ /* medium gray */ /*creamy yellow */ /* muted green */ /* muted red */ /* muted green */ /* muted red */ /* FROM HERE DOWN ADAPTED FROM BOOTSTRAP */ /* FROM HERE UP ADAPTED FROM BOOTSTRAP */ #telephony-widget { font-family: Helvetica, Arial; font-size: 12px; z-index: 999; } #telephony-widget .hidden { display: none; } #telephony-widget .display { display: inline; } #telephony-widget .float-left { float: left; } #telephony-widget .float-right { float: right; } #telephony-widget .telephony-widget-container { display: inline-block; } #telephony-widget .telephony-widget-container .conversation-controls .friendly-message { height: 15px; padding-left: 5px; margin: 5px 0; } #telephony-widget .telephony-widget-container .agent-status-wrapper { float: left; } #telephony-widget .telephony-widget-container .call-queue-wrapper { float: left; position: relative; left: 10px; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label { /* display: inline-block; */ /* *display: inline; */ /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -ms-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(top, white, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); float: left; background: #b1e6f9; font-size: 12px; height: 18px; padding-left: 8px; padding-right: 16px; margin-right: 4px; margin-left: 4px; border: 0; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:hover, #telephony-widget .telephony-widget-container .call-queue-wrapper .label:active, #telephony-widget .telephony-widget-container .call-queue-wrapper .label.active, #telephony-widget .telephony-widget-container .call-queue-wrapper .label.disabled, #telephony-widget .telephony-widget-container .call-queue-wrapper .label[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:active, #telephony-widget .telephony-widget-container .call-queue-wrapper .label.active { background-color: #cccccc \9; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:first-child { *margin-left: 0; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label.active, #telephony-widget .telephony-widget-container .call-queue-wrapper .label:active { background-color: #75a1f9; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #telephony-widget .telephony-widget-container .call-queue-wrapper .label.disabled, #telephony-widget .telephony-widget-container .call-queue-wrapper .label[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:hover { background: #b1e6f9; cursor: default; } #telephony-widget .telephony-widget-container .call-queue-wrapper .label:active { background: #b1e6f9; } #telephony-widget .telephony-widget-container .call-queue-wrapper .badge { float: right; position: relative; top: -8px; left: -20px; background: radial-gradient(center -9px, circle closest-side, beige 0, red 26px); background: -moz-radial-gradient(center -9px, circle closest-side, beige 0, red 26px); background: -ms-radial-gradient(center -9px, circle closest-side, beige 0, red 26px); background: -o-radial-gradient(center -9px, circle closest-side, beige 0, red 26px); background: -webkit-radial-gradient(center -9px, circle, beige 0, red 26px); background-color: red; border: 2px solid beige; border-radius: 50%; box-shadow: 2px 2px 2px #888888; color: beige; font: bold 12px Helvetica, Verdana, Tahoma; height: 17px; /* height + padding-top must equal width */ padding-top: 3px; /* height + padding-top must equal width */ text-align: center; width: 20px; } #telephony-widget .telephony-widget-container .twilio-client-wrapper { float: right; } #telephony-widget .telephony-widget-container .buttons-wrapper { display: inline-block; } #telephony-widget .telephony-widget-container .conversation-wrapper { float: right; } #telephony-widget .telephony-widget-container .conversation-wrapper.expanded { height: 100px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper { position: absolute; z-index: 1; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer { margin-left: 4px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input { border: 1px solid black; padding: 2px 0px 2px 4px; background: #ffffff; display: block; float: left; width: 260px; position: relative; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.backspace { width: 16px; height: 16px; position: absolute; top: 0; right: 4px; background: url(/assets/telephony/backspace.png) no-repeat center center; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.hidden { display: none; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span { margin: 4px 0 0 3px; float: left; display: inline; vertical-align: middle; text-align: center; top: 50%; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.available { color: #799e75; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.not_available { color: #a95f5a; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.on_a_call { color: #ffe0af; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input span.offline { color: #7c7c7c; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input.offline { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input.available { color: #151515; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input.not_available { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input.on_a_call { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer form .agent-input input[name='selected_agent'] { margin-left: 0px; outline: none; border: none; float: left; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .transfer-type { float: left; margin-right: 4px; padding-left: 4px; padding-right: 4px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .transfer-type label { float: right; line-height: 24px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list { background-color: white; border: 1px solid #888888; clear: both; list-style: none; margin: 0; min-width: 225px; max-height: 320px; overflow: auto; padding: 4px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list::-webkit-scrollbar { -webkit-appearance: none; width: 13px; height: 13px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; background-color: rgba(0, 0, 0, 0.5); } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li { padding: 1px; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li span.available { color: #799e75; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li span.not_available { color: #a95f5a; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li span.on_a_call { color: #ffe0af; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li span.offline { color: #7c7c7c; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li:hover { background: #8ec8dc; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.offline { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.offline:hover { color: white; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.available { color: #151515; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.available:hover { color: white; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.not_available { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.not_available:hover { color: white; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.on_a_call { color: #909090; } #telephony-widget .telephony-widget-container .conversation-wrapper .transfer-wrapper #telephony-transfer .agents-list li.on_a_call:hover { color: white; } #telephony-widget .telephony-widget-container input[disabled], #telephony-widget .telephony-widget-container button[disabled] { cursor: default; opacity: 0.7; -moz-box-shadow: 0px 0px 0px #888888; -webkit-box-shadow: 0px 0px 0px #888888; box-shadow: 0px 0px 0px #888888; } #telephony-widget .telephony-widget-container input[disabled]:hover, #telephony-widget .telephony-widget-container button[disabled]:hover { background: #cecece; cursor: default; -moz-box-shadow: 0px 0px 0px #888888; -webkit-box-shadow: 0px 0px 0px #888888; box-shadow: 0px 0px 0px #888888; } #telephony-widget .telephony-widget-container input[name=selected_agent] { height: 22px; margin-right: 0; width: 230px; } #telephony-widget .telephony-widget-container input { float: left; height: 22px; margin-right: 4px; margin-left: 4px; padding-left: 4px; padding-right: 4px; border: 1px solid #888888; } #telephony-widget .telephony-widget-container button { /* display: inline-block; */ /* *display: inline; */ /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -ms-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(top, white, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); font-size: 11px; height: 24px; line-height: 24px; min-width: 74px; padding-top: 0; padding-left: 4px; padding-right: 4px; margin-right: 4px; border: 0; -moz-box-shadow: 2px 2px 2px #888888; -webkit-box-shadow: 2px 2px 2px #888888; box-shadow: 2px 2px 2px #888888; } #telephony-widget .telephony-widget-container button:hover, #telephony-widget .telephony-widget-container button:active, #telephony-widget .telephony-widget-container button.active, #telephony-widget .telephony-widget-container button.disabled, #telephony-widget .telephony-widget-container button[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } #telephony-widget .telephony-widget-container button:active, #telephony-widget .telephony-widget-container button.active { background-color: #cccccc \9; } #telephony-widget .telephony-widget-container button:first-child { *margin-left: 0; } #telephony-widget .telephony-widget-container button:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #telephony-widget .telephony-widget-container button:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #telephony-widget .telephony-widget-container button.active, #telephony-widget .telephony-widget-container button:active { background-color: #75a1f9; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #telephony-widget .telephony-widget-container button.disabled, #telephony-widget .telephony-widget-container button[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #telephony-widget .telephony-widget-container button:hover { cursor: pointer; -moz-box-shadow: 1px 1px 1px #888888; -webkit-box-shadow: 1px 1px 1px #888888; box-shadow: 1px 1px 1px #888888; } #telephony-widget .telephony-widget-container button:active { background-color: #eb7026; /* Zest Orange */ } #telephony-widget .telephony-widget-container button.agent-status { text-shadow: none; width: 122px; } #telephony-widget .telephony-widget-container button.agent-status.offline { background: #7c7c7c; } #telephony-widget .telephony-widget-container button.agent-status.on_a_call { background: #ffe0af; } #telephony-widget .telephony-widget-container button.agent-status.available { background: #799e75; color: white; } #telephony-widget .telephony-widget-container button.agent-status.available:hover { background: #36892d; } #telephony-widget .telephony-widget-container button.agent-status.not_available { background: #a95f5a; color: white; } #telephony-widget .telephony-widget-container button.agent-status.not_available:hover { background: #871c16; } #telephony-widget .telephony-widget-container button.answer { background: #007f00; color: white; text-shadow: none; margin-left: 8px; } #telephony-widget .telephony-widget-container button.answer.disabled:hover, #telephony-widget .telephony-widget-container button.answer[disabled]:hover { background: #007f00; } #telephony-widget .telephony-widget-container button.answer:hover { background: #152b06; } #telephony-widget .telephony-widget-container button.hangup { background: #ba0d1b; color: white; text-shadow: none; margin-left: 8px; } #telephony-widget .telephony-widget-container button.hangup.disabled:hover, #telephony-widget .telephony-widget-container button.hangup[disabled]:hover { background: #ba0d1b; } #telephony-widget .telephony-widget-container button.hangup:hover { background: #6b080a; } #telephony-widget .telephony-widget-container button span { height: 24px; line-height: 24px; padding-left: 2px; padding-right: 2px; } #telephony-widget .telephony-widget-container button span.caps { text-transform: uppercase; text-align: center; } #telephony-widget .telephony-widget-container button span.text { text-align: center; } #telephony-widget .telephony-widget-container button span.icon-spinner { display: none; width: 14px; background: url(/assets/telephony/icon-spinner.gif) no-repeat center center; } #telephony-widget .telephony-widget-container button span.icon-spinner.display { display: inline; } ;TI"required_assets_digest;F"%2b4c07091898e3b87b7ceb7185694b0dI" _version;F"%6776f581a4329e299531e1d52aa59832