
/********************************************************
 ** This file is organized as follows:
 **   - Reset CSS and Base Values
 **   - Core UI: Wrappers and Page Structure
 **   - Interface States: Prompt, Screencast, Text to Chat
 **   - A Series of Stand alone UI Elements
 ********************************************************/

/*******************************************
 * Reset CSS and Base Values
 *******************************************/
* { margin: 0; padding: 0; }

html,
body {
	margin:0;
    height: 100%;
    line-height: 1.6;
   -webkit-locale:auto;
}

body {
    font-size: .75em;
    /*overflow: hidden;*/
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1.5em;
    color: #333;
    font-size: 13px;
/*    font-family: "Sukhumvit Set" !important;
*/
}

p, li, h1, h2, h3, h4, h5, h6, button, input, textarea {
    font-size: 13px;
}

a img, :link img, :visited img, button {
    border: none;
}

a {
    color: #0085cf;
    text-decoration: none;
}

button {
    cursor: pointer;
    background: transparent;
    *width: auto;
    *overflow: visible;
}

/* Firefox does dumb things with inherit button padding */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    padding: 0;
    margin: -1px;
    border: 0px;
}
#end-chat-link {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.survey-link {
    font-size: 11px;
    opacity: 1;
		position: unset;
		bottom: 0;
		left: 0;
		right: 0;
    /*position: absolute;
    /*bottom: 3px;/*-18px;*/
    left: 0;
    right: 0;
	  margin-top:5px;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    /*display:none;position:absolute;bottom:0px;right:0px;left:0px;*/
}
.survey-gdpr {
  color:grey;
  font-size: 10px;
  margin: 0px 20px;
}

/*******************************************
 * Core UI - Wrappers and page structure
 *******************************************/

/**
 * Screencast Wrapper
 */
.screencast-view {
    display: none;
}

/**
 * Chat Panel (wraps both 'Click to Call' and 'Text Chat')
 */
.chat-panel {
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index:4;
    width:320px;
    padding: 0 20px;
    text-align: center;
    /* added delay to mitigate bug which occurs if you resize the browser window repeatedly */
	-webkit-transition: right 0.4s 0.15s ease-in-out;
	-moz-transition: right 0.4s 0.15s ease-in-out;
    transition: right 0.4s 0.15s ease-in-out;
}

.cp_full_height {height:100%;}

/**
 * Concierge Header
 */
.chat-panel .header {
    padding: 10px 0px 5px;
    margin:0;
    visibility: hidden;
}

/**
 * Chat View
 */
.chat-panel .chat-view {
    position: absolute;
    top: 245px;
    right: 20px;
    left: 20px;
		bottom: 22px;
    min-height:17px;
	-webkit-transition: bottom .25s ease-in-out;
       -moz-transition: bottom .25s ease-in-out;
            transition: bottom .25s ease-in-out;
}
.chat-view.chat-view-bottom,.chat-view.survey-count-two {
	bottom: 50px;
}

.no-bottom{
	bottom: 0!important;
}

.chat-panel .chat-toggle {
	background: url(../imgs/chat-window-toggle.png) no-repeat;
	height: 37px; width: 36px;
	position: absolute;
	top: 50%; left: -18px;
	margin-top: -17px;
	cursor: pointer;
	display: none;
    z-index:100;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

/**
 * Prompt Box
 */
.prompt {
    color: white;
	padding: 0 30px;
    text-align: center;
    position: absolute;
    position:fixed;
    left: 0; right: 0; bottom: -118px;
    height: 0;
    overflow: hidden;
    z-index:1000;

    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,.6);
    box-shadow: inset 0 0 15px rgba(0,0,0,.6);

    background: url(../imgs/bg-prompt.png) bottom left repeat-x #252525;
    background: -webkit-linear-gradient(#343434, #1a1a1a);
    background: -moz-linear-gradient(#343434, #1a1a1a);

	-webkit-transition-property: height, bottom;
	-webkit-transition-duration: .25s;
	-webkit-transition-timing-function: ease-in-out;

	-moz-transition-property: height, bottom;
	-moz-transition-duration: .25s;
	-moz-transition-timing-function: ease-in-out;

    transition-property: height, bottom;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

/**
 * Call form - Inputs for name and phone number
 */
.call-form {
	display: block;
    width: 280px;
    margin: 0 auto;

/*    position: absolute;*/
/*    bottom: 10px; right: 0; left: 0;*/
}

/**
 * Control Button Positioning
 */
.button.control {
    position: absolute;
    bottom: 10px; left: 10px; right: 10px;
}

/**
 * Text Chat Wrappers
 */
.call-view,
.text-view {
    position: relative;
    -webkit-transition: height .5s ease-in-out;
       -moz-transition: height .5s ease-in-out;
            transition: height .5s ease-in-out;
}

.text-view {
    height: 100%;
}

.call-view {
    height: 0;
}

.primary-panel {
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 0;

}

.primary-panel .dialogue {
    padding: 10px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 50px;

    background: white;
    /*border: 1px solid #d2d2d2;*/

    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2) inset;

    -webkit-overflow-scrolling: touch;


}

.primary-panel .input {
    height: 30px;
    padding: 10px;
    text-align: center;
    border: 1px solid #d2d2d2;

    position: absolute;
    left: 0; right: 0; bottom: 0px;

    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;

    background: url(../imgs/bg-input.png) repeat-x #D2D2D2;
    background: -webkit-linear-gradient(#edeef0, #cecfd1);
    background: -moz-linear-gradient(#edeef0, #cecfd1);

    -webkit-transition: bottom .5s ease-in-out;
       -moz-transition: bottom .5s ease-in-out;
            transition: bottom .5s ease-in-out;
}

.secondary-panel,
.primary-panel.solo {
    border: 1px solid #d2d2d2;
    padding: 10px;
    min-height:15px;
	overflow-y:auto !important;
   	overflow-x:hidden !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);
}

#click2call.primary-panel.solo.overflow-visible,#panel-type.secondary-panel.overflow-visible{
	/*overflow:visible  !important;*/
}
.overflow-visible .select-options{
	height : 167px !important;
}

.scrollbtn{
	position:relative !important;
	left:-10px !important;
}

.cancelBtnScrl{
	position:relative !important;
	left:0px !important;
	right:0px !important;
	text-align:center;
	float:left
}

.scrollbtnc{
	position:relative !important;
	left:-20px !important;
	top:20px !important;
}
.videocastfordevice .button.control.scrollbtnc{
        left:0px !important;
}

.videocastfordevice .chat-panel:not(.highRes) .scrollbtnc{
     left:10px !important;
}



.secondary-panel {
    position: absolute;
    top: 59px; left: 0; bottom: 0; right: 0;
    overflow: visible;
}


/*******************************************
 * Interface States: UI Adjustments
 *******************************************/

/**
 * Screencast State
 */
body.screencast .chat-panel {
    position: absolute;
    top: 0; bottom: 0; right: 0;
    border-left: 1px solid #aaa;

    -webkit-box-shadow: 0 0 80px rgba(0,0,0,.6);
       -moz-box-shadow: 0 0 80px rgba(0,0,0,.6);
            box-shadow: 0 0 80px rgba(0,0,0,.6);
}

body.screencast .screencast-view {
    display: block;
}

.hidden_screencastEndlink{
	display:none;
}

.endScreenCastView{
	bottom:0px;
	width:100%;
	background:#e5e5e5;
	display:block;
	text-align:center;
	height:30px;
	position:fixed;
	z-index:3;
	float:left;
	/*margin-left:12%;*/
}
.endScreenCastView a.stop-screencast{
	font-size:11px;
	position:relative;
	z-index:2;
	right:0;
	bottom:0px;
	left:0;
	padding:4px 0px 5px 0px;
	color:#08c;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
	width:250px;
	margin: 0 auto;
}


body.screencast .screencast-view.expanded {
	/*right:65px;*/
}

/**
 * Prompt State
 */
body.agent-prompt .prompt {
    bottom: 0;
	padding: 20px 30px;
    height: 70px;
    overflow: visible;
}

body.agent-prompt .chat-view {
    bottom: 125px;
}

body.agent-prompt .survey-link {
    opacity: 0;
	filter: alpha(opacity = 0);
}

body.agent-prompt .survey-link-screen {
	   opacity: 1;
	filter: alpha(opacity = 1);
	bottom: 108px;
	zoom:1;
}

/**
 * Chat Panel Closed State
 */
body.screencast .chat-panel.hidden {
	right: -340px;
}

body.screencast .chat-panel.hideChatWindow {
	right: -420px;
}

body.screencast .chat-panel .chat-toggle {
	display: none;
}

body.screencast .chat-panel.hidden .chat-toggle, body.screencast .chat-panel.hideChatWindow .chat-toggle {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
            transform: rotate(-180deg);
}


/**
 * Toggles Text Chat to Call Mode UI
 */
body.call-mode .text-view {
    height: 0;
}

body.call-mode .call-view {
    height: 100%;
}

body.call-mode .primary-panel .dialogue {
    overflow: hidden;
}

body.call-mode .primary-panel .input {
    bottom: -50px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}


/*******************************************
 * UI Element: Agent Card
 *******************************************/
.card-container {
	height: 180px;
    border-bottom: 1px solid #d2d2d2;
	margin: 0 auto;
}

.card {
	position: relative;
    /*cursor: pointer;*/
	margin: -1px;
	height: 100%;

    /*-webkit-transition: -webkit-transform 1s ease-in-out;
	-webkit-backface-visibility: visible;
    -webkit-transform-style: preserve-3d;*/
}

.card .card-face {
    max-width: 640px;
    position: absolute;
    top: 0; left: 0; right:0;
    height: 180px;
	z-index: 10;

	border-radius:  4px;
	-moz-border-radius:  4px;
	-webkit-border-radius:   4px;


    background: #ffffff;

    -webkit-backface-visibility: hidden;
}

.tqCardFace {
        border-radius:  4px 4px 0px 0px !important;
        -moz-border-radius:  4px 4px 0px 0px !important;
        -webkit-border-radius:   4px 4px 0px 0px !important;
}

/** Front Face **/
.card .card-face.front {
    line-height: 0;
    text-align: center;
}

.card .card-face img {
    max-height:100%;
}
/*.card .card-face #agent_details {
position: relative;
top: 35px;
max-width: 80%;
}*/
/** Back Face **/
.card .card-face.back { /* This is the back face (card-face) */
	-webkit-transform: translateZ(1px) rotateY(180deg);
    z-index: 5;
    background:url(../imgs/agent-card-back.png) repeat-x;
}

.card.back { /* this is the card's "Back" state. */
	-webkit-transform: rotateY(180deg);
}

.card.back .card-face.back {
	z-index: 15;
}
/**
 *
 */
.compound-field .complex-select {
    float: left;
    width: 55px;
}

.compound-field .placeholder-field {
    float: left;
}

.compound-field .placeholder-field input {
    width: 169px;
    padding-left:45px;
    border-radius: 0 5px 5px 0;
    margin:0px;
}
.compound-field .placeholder-field input.ca,
.compound-field .placeholder-field input.us{
    width: 181px;
    padding-left:35px;
}
.compound-field .placeholder-field input.cr,
.compound-field .placeholder-field input.hk,
.compound-field .placeholder-field input.ie,
.compound-field .placeholder-field input.lx,
.compound-field .placeholder-field input.fi,
.compound-field .placeholder-field input.tw,
.compound-field .placeholder-field input.ae,
.compound-field .placeholder-field input.pr,
.compound-field .placeholder-field input.mc{
    width: 162px;
    padding-left:54px;
}

/*******************************************
 * UI Element: Custom Dropdown Field
 *******************************************/
.complex-select {
    position: relative;

    margin-right: -1px;

    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;

    background: url(../imgs/bg-select.png) repeat-x #e7e7e7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
    background: -moz-linear-gradient(#fff, #e7e7e7);
    background: -webkit-linear-gradient(#fff, #e7e7e7);

    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                        0 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                     0 1px 1px #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                0 1px 1px #fff;
}

.complex-select .select-handle {
    cursor: pointer;
    text-indent: -5000em;
    height: 36px;
    background: url(../imgs/select-arrow.png) 39px 16px no-repeat;
}

.complex-select .select-handle .flag {
    position: relative;
    top: 6px; left: 1px;
}

.complex-select .select-options {
    position: absolute;
    z-index: 100;
    background: white;
    width: 277px;
    bottom: 35px;
    max-height: 377px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #d3d3d3;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    left: -5000em;
}

.complex-select.open .select-options {
    left: 0;
    text-align: left;
}

.complex-select .select-options p {
    padding: 3px 10px;
    font-weight: bold;
    border-bottom: 1px solid #d3d3d3;
}

.complex-select .select-options li {
    line-height: 2em;
    margin: 3px 0;
    cursor: pointer;
}

.complex-select .select-options li span {
    padding-left: 40px;
}

/* Flags */
.complex-select .flag {
    background: url(../imgs/flags.png) 3px 3px no-repeat;
    min-height: 25px; min-width: 23px;
    display: block;
}

.flag.au { background-position: 9px 1px; }
.flag.be { background-position: 9px -28px; }
.flag.br { background-position: 9px -56px; }
.flag.ca { background-position: 9px -84px; }
.flag.cn { background-position: 9px -113px; }
.flag.cr { background-position: 9px -141px; }
.flag.dk { background-position: 9px -170px; }
.flag.de { background-position: 9px -198px; }
.flag.es { background-position: 9px -227px; }
.flag.fr { background-position: 9px -255px; }
.flag.hk { background-position: 9px -284px; }
.flag.id { background-position: 9px -312px; }
.flag.ie { background-position: 9px -341px; }
.flag.it { background-position: 9px -369px; }
.flag.in { background-position: 9px -1052px;}
.flag.jp { background-position: 9px -398px; }
.flag.lx { background-position: 9px -426px; }
.flag.hu { background-position: 9px -455px; }
.flag.my { background-position: 9px -483px; }
.flag.mx { background-position: 9px -511px; }
.flag.nl { background-position: 9px -540px; }
.flag.nz { background-position: 9px -568px; }
.flag.no { background-position: 9px -597px; }
.flag.ph { background-position: 9px -625px; }
.flag.po { background-position: 9px -653px; }
.flag.pr { background-position: 9px -682px; }
.flag.at { background-position: 9px -710px; }
.flag.ru { background-position: 9px -739px; }
.flag.ch { background-position: 9px -768px; }
.flag.sg { background-position: 9px -795px; }
.flag.kr { background-position: 9px -825px; }
.flag.fi { background-position: 9px -853px; }
.flag.se { background-position: 9px -881px; }
.flag.tw { background-position: 9px -910px; }
.flag.th { background-position: 9px -938px; }
.flag.tr { background-position: 9px -967px; }
.flag.ae { background-position: 9px -995px; }
.flag.us { background-position: 9px -1024px; }
.flag.uk { background-position: 9px -1052px; }
.flag.vn { background-position: 9px -1080px; }
.flag.mc { background-position: 9px -1107px; }

/*******************************************
 * UI Element: Placeholder Input Field
 *******************************************/
.placeholder-field {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.placeholder-field .placeholder {
    color: #666;
    font-size: 15px;
    position: absolute;
    left: 11px; top: 9px;
    font-family: "Lucida Grande" !important;
}

.placeholder-field input {
    color: #666;
    font-size: 15px;
    border:none;
    padding: 9px 10px;
    width: 260px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                        0 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                     0 1px 1px #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.4),
                0 1px 1px #fff;
	font-family: "Lucida Grande" !important;
}
 .placeholder-field input
{
/*������box-shadow: inset 1px 1px 3px rgba(0,0,0,.4),0 1px 1px #fff;*/
box-shadow: 0px .75px 2.5px 1px rgba(0,0,0,.4) inset !important;
}
/**
 * Invalid Input Field
 */
.placeholder-field.invalid input {
    background: #fffd8d;
}

.placeholder-field.invalid .placeholder,
.placeholder-field.invalid input {
    color: #f30;
}


/*******************************************
 * Text Chat: UI Elements
 *******************************************/

/**
 * System Message
 */
.system-message {
    text-align: center;
   /* color: #c2c2c2;*/
	color:#999;
	background:url(../imgs/hairline.png) repeat-x left center;
	margin: 10px 0 15px 0;
	font-size: 11px;
	height:auto;
}


#end-chat-msg P:first-child {
  height:57px\9;    /* only for IE 7, 8,9 browser */
}

.chat-view .system-message span {
    display: inline-block;
    padding: 0 5px;
    background: white;
	margin: 0 15px;
}

/*.privacy-message {
   font-size: 10px;
   line-height: 1.7;
   color: #999999;

   position:absolute;
   padding:7px 15px;
   bottom:50px;
   left:0;
   opacity:1;
   z-index:2;
   -webkit-transition:opacity 0.3s linear;
      -moz-transition:opacity 0.3s linear;
       -ms-transition:opacity 0.3s linear;
           transition:opacity 0.3s linear;
}*/
.privacy-message {
   font-size: 10px;
   line-height: 1.7;
   color: #999999;
   position:absolute;
   bottom:52px;/*10px;*/
   width:86%;
  background-color:#ffffff;
   z-index:2;
   /* added by sean 07/17 */
   padding:7px 13px;
   margin:0px 2px 0px 0px;
   left:2px;
   opacity:1;
   -webkit-transition:opacity 0.3s linear;
   -moz-transition:opacity 0.3s linear;
   -ms-transition:opacity 0.3s linear;
   transition:opacity 0.3s linear;
   border-radius: 1px; /*webkit bug 123054 workaround*/
}


.privacy-message.hidden {
    opacity:0;
    pointer-events:none;
}
/*******************************************
 * UI Element: Chat Bubbles
 *******************************************/
.chat-bubble {
    font-size: 12px;
    text-align: right;
    padding: 10px;
    margin: 10px 5px 15px;
    border: 1px solid #99addb;
    position: relative;
    text-shadow: 0 1px 0 white;


    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    word-wrap: break-word;

    -webkit-box-shadow: 0 1px 1px rgba(39,44,61,.6);
    -moz-box-shadow: 0 1px 1px rgba(39,44,61,.6);
    box-shadow: 0 1px 1px rgba(39,44,61,.6);

    background: url(../imgs/bg-chat.png) bottom left repeat-x #add7fe;
    background-image: -webkit-linear-gradient(#fff, #c1dcff 2px, #9fc8fe 15px, rgba(174,217,254,0) 88%),
                      -webkit-linear-gradient(bottom, #b2f4ff, rgba(183,226,254,0) 40px);

    background-image: -moz-linear-gradient(#fff, #c1dcff 2px, #9fc8fe 15px, rgba(174,217,254,0) 100%),
                      -moz-linear-gradient(bottom, #b2f4ff, rgba(183,226,254,0) 30px);

}

.chat-bubble:before {
    background: url(../imgs/speech-arrow-local.png) no-repeat;
    content: "";
    height: 17px;
    width: 12px;
    position: absolute;
    left: auto; right: -12px; bottom: 1px;
}

/** Agent Variation **/
.chat-bubble.agent {
	text-align: left;
    border-color: #c6c6c6;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4);
    box-shadow: 0 1px 1px rgba(0,0,0,.4);

    background: url(../imgs/bg-chat-agent.png) bottom left repeat-x #e7e7e7;
    background-image: -webkit-linear-gradient(#fff, #ededed 3px, #e4e4e4 20%, rgba(228,228,228,0) 50%),
                      -webkit-linear-gradient(bottom, #f4f4f4, #e4e4e4 30px, rgba(228,228,228,0) 50%);

    background-image: -moz-linear-gradient(#fff, #ededed 3px, #e4e4e4 20%, rgba(228,228,228,0) 50%),
                      -moz-linear-gradient(bottom, #f4f4f4, #e4e4e4 30px, rgba(228,228,228,0) 50%);
}

.chat-bubble.agent:before {
    background-image: url(../imgs/speech-arrow-remote.png);
    left: -12px;
}

.chat-bubble .link{

    color:#0085CF;
}
.chat-bubble .icon {
    height: 27px; width: 28px;
    position: absolute;
    right: 5px; top: 50%; margin-top: -13px;
    background: url(../imgs/glyph-cart-link.png) no-repeat;
}

.chatter-name {
	 display: block;
	 height: 1px;
	 opacity: 0;
	 margin-bottom: -1px;
	 overflow: hidden;
 }
.copyChat {
	text-align:left;
	display: block;
	height: 1px;
	background:#FFF;
	opacity: 0;
	margin-bottom: -1px;
	overflow: hidden;
	position:relative;
}
.dialogue.with-privacy {
	padding: 10px 15px 35px 15px;
}
/*******************************************
 * UI Element: Status Messages
 *******************************************/
.status-message {
    padding: 128px 20px 15px;
    text-align: center;
    background: url(../imgs/call-icon-off.png) center 20px no-repeat;
}


.status-message.fr,.status-message.es{
	padding: 110px 15px 15px;
	background: url(../imgs/call-icon-off.png) center 5px no-repeat;
}

.status-message.fr-two-line,.status-message.de{
	padding:100px 15px 15px !important;
	 background: url(../imgs/call-icon-off.png) center 0px no-repeat;
}

.status-message .headline {
    font-weight: bold;
	padding-top: 12px;
	word-wrap: break-word;
}

.status-message .supporting {
    color: #666;
    word-wrap: break-word;
}

.status-message .closed-chat{
    padding-top: 15px;
}
.status-message .call-apple{
    font-weight: 600;
}
/**
 * Status Message Variants
 */
.status-message.waiting.cp_chat_waiting {
    background-image: url(../imgs/chat-icon-waiting.gif);
}
.status-message.waiting.cp_call_waiting:not(.ipadWaitingIcon) {
    background-image: url(../imgs/call-icon-waiting.gif);
}

.status-message.waiting.cp_chat_waiting_rndvs {
    background-image: url(../imgs/chat-icon-off.png);
}
.status-message.waiting.cp_call_waiting_rndvs {
    background-image: url(../imgs/call-icon-off.png);
}
.status-message.waiting.cc_chat_waiting {
    background-image: url(../imgs/chat-icon-off.png);
}
.status-message.waiting.screen_cast_waiting {
    background-image: url(../imgs/screen-icon-waiting.gif);
}
.status-message.waiting.cp_screen_waiting.cp_chat_waiting {
    background-image: url("../imgs/screen-icon-waiting.gif");
}
.status-message.talking {
    background-image: url("../imgs/call-icon-talking.png");
}
.status-message.chatting {
    background-image: url("../imgs/chat-icon-chatting.png");
}
.status-message.showing {
    background-image: url("../imgs/screen-icon-showing.png");
}

.status-message.chat-off {
    background-image: url("../imgs/chat-icon-off.png");
}
.status-message.phone-off {

    background-image: url("../imgs/call-icon-off.png");
}
.status-message.screen-off {
    background-image: url("../imgs/screen-icon-off.png");
}

/*******************************************
 * UI Element: Chat Input Box
 *******************************************/
.chat-view .input input{
    border:1px solid rgb(227, 227, 227);
    padding: 6px 10px;
    outline: none;
    width: 270px;
    margin: 0 auto;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.6);
}

.chat-view .input input:focus{
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.6),
                0px 0px 6px #007eff;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.6),
                0px 0px 6px #007eff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.6),
                0px 0px 6px #007eff;
}


/*******************************************
 * UI Element: Button
 *******************************************/
.button {
    font-weight: bold;
    font-size: 14px;
    color: white;
    min-width: 280px;
    padding: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: url(../imgs/bg-button.png) repeat-x #218cda;
    background: -webkit-linear-gradient(#4ab1ec, #1e89d9);
    background: -moz-linear-gradient(#4ab1ec, #1e89d9);

    -webkit-box-shadow: inset 0 0 1px #fff,
                        0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 1px #fff,
                     0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 1px #fff,
                0 1px 0 rgba(0,0,0,.3);
    margin:0px 10px;
}
.align-callmebtn{
        margin:0px auto;
}
.button[disabled] {
    opacity: .5;
    filter: alpha(opacity = 50);
}
.button-proceed[disabled] {
    opacity: .5;
    filter: alpha(opacity = 50);
}

/**
 * 'Lite' Button
 */
.button-lite {
    margin: 10px 2px 5px;
    text-shadow: 0 1px 1px #fff;
    padding: 5px 10px;

    display: inline-block;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: url(../imgs/bg-button-lite.png) repeat-x #cbcbcb;
    background-image: -webkit-linear-gradient(#ececec, #cacaca 50% , #b3b3b3 50%, #ccc);

}

.button-lite span{
	font-family: "Lucida Grande" !important;
}

/**
 * Control Button
 */
.button.control {
    border: 1px solid #afafaf;
    color: #333;
    text-shadow: 0 1px 0 #fff;

    background: url(../imgs/bg-button-control.png) repeat-x #cecece;
    background: -webkit-linear-gradient(#f3f3f3, #c9c9c9);
    background: -moz-linear-gradient(#f3f3f3, #c9c9c9);
}

 .prompt .button-lite{
       min-width:87px
}


/*******************************************
 * UI Element: Info Icon
 *******************************************/

/*.card .card-face.front:after,
.card .card-face.back:after {
    content: "i";
    position: absolute;
    right: 10px; bottom: 10px;
    height: 22px; width: 22px;
    font: bold italic 18px serif;
    text-align: center;
    color: white;
    line-height: 25px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    background: url(../imgs/info-toggle.png) no-repeat;
    text-indent: 5000em\0;
    background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#b7b7b7));
	background: -webkit-linear-gradient(#cfcfcf, #b7b7b7);
    background: -moz-linear-gradient(#cfcfcf, #b7b7b7);
}*/

input::-ms-clear {
    display: none;
}

.noicon .card-face.front:after{
    content:"";
    background:none;
}

.info {
	display: none;
    position: absolute;
    right: 10px; bottom: 10px;
    height: 22px; width: 22px;
    background: url(../imgs/info-toggle.png) no-repeat;
    text-indent: 5000em;
}


/* ######################################################## */
/* ######################################################## */

/**
 * ADMIN TOOLBAR
 */
#admin-toolbar {
    position: fixed;
    left: 0; right: 0;
    padding: 10px;
    background: #222;
    background: rgba(40,40,40,.95);
    color: #fff;
    cursor: pointer;
    z-index:100;
}

#admin-toolbar:after {
    content: "";
    cursor: pointer;
    height: 10px; width: 30px;
    position: absolute;
    left: 50%; bottom: -10px;
    margin-left: -10px;

    background: #222;
    background: -webkit-linear-gradient(rgba(40,40,40,.9), rgb(0,0,0));
    background: -moz-linear-gradient(rgba(40,40,40,.9), rgb(0,0,0));

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;

    -webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
}

#admin-toolbar a {
    color: white;
    text-decoration: underline;
}
/* ######################################################## */
/* ######################################################## */

/**
 * ERROR STATE
 */

:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #666;
}

:-ms-input-placeholder {
   color:#666;
}

::-ms-input-placeholder {
   color:#666;
}

  .error.placeholder-field input{
      color:#ff3300;
      background:#ffffc5;
  }
  .error.placeholder-field .bubble{
      padding: 10px;
  	 border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
      box-shadow: 0 1px 0 rgba(0,0,0,.3);
      background: url(../imgs/bubble.png) repeat-x #ffffc3;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffd), to(#ffffc3));
      display:inline-block;
      position:relative;
  }
  .error.placeholder-field .bubble .ie-bottom{
      display:none;
  }
  .error.placeholder-field .arrow{
      position:absolute;
      bottom:0;
      left:47%;
      background:url(../imgs/bubble-arrow.png);
      width:18px;
      height:16px;
      z-index:1;
  }
  .placeholder-field .bubblewrapper{
      display:none;
 }

  .error.placeholder-field .bubblewrapper{
      display:block;
      position: absolute;
      bottom:40px;
      z-index: 200;
      width:100%;
      text-align:center;
      padding-bottom:15px;
  }

/* Flags */
.complex-select .flag {
    background: url(../imgs/flags.png) 3px 3px no-repeat;
    min-height: 25px; min-width: 23px;
    display: block;
}

.flag.au { background-position: 9px 1px; }
.flag.be { background-position: 9px -28px; }
.flag.br { background-position: 9px -56px; }
.flag.ca { background-position: 9px -84px; }
.flag.cn { background-position: 9px -113px; }
.flag.cr { background-position: 9px -141px; }
.flag.dk { background-position: 9px -170px; }
.flag.de { background-position: 9px -198px; }
.flag.es { background-position: 9px -227px; }
.flag.fr { background-position: 9px -255px; }
.flag.hk { background-position: 9px -284px; }
.flag.id { background-position: 9px -312px; }
.flag.ie { background-position: 9px -341px; }
.flag.it { background-position: 9px -369px; }
.flag.in { background-position: 9px -1134px;}
.flag.jp { background-position: 9px -398px; }
.flag.lx { background-position: 9px -426px; }
.flag.hu { background-position: 9px -455px; }
.flag.my { background-position: 9px -483px; }
.flag.mx { background-position: 9px -511px; }
.flag.nl { background-position: 9px -540px; }
.flag.nz { background-position: 9px -568px; }
.flag.no { background-position: 9px -597px; }
.flag.ph { background-position: 9px -625px; }
.flag.po { background-position: 9px -653px; }
.flag.pr { background-position: 9px -682px; }
.flag.at { background-position: 9px -710px; }
.flag.ru { background-position: 9px -739px; }
.flag.ch { background-position: 9px -768px; }
.flag.sg { background-position: 9px -795px; }
.flag.kr { background-position: 9px -825px; }
.flag.fi { background-position: 9px -853px; }
.flag.se { background-position: 9px -881px; }
.flag.tw { background-position: 9px -910px; }
.flag.th { background-position: 9px -938px; }
.flag.tr { background-position: 9px -967px; }
.flag.ae { background-position: 9px -995px; }
.flag.us { background-position: 9px -1024px; }
.flag.uk { background-position: 9px -1052px; }
.flag.vn { background-position: 9px -1080px; }
.flag.mc { background-position: 9px -1107px; }
/** Agent is Typing Variation */

.chat-bubble.agent-typing {
	 text-align: left;
    width: 40px;
    background:#d0d0d0;
    border:0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25), inset 0 0 1px 1px rgba(0,0,0,0.02);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25), inset 0 0 1px 1px rgba(0,0,0,0.02);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.25), inset 0 0 1px 1px rgba(0,0,0,0.02);

}

.chat-bubble.agent-typing.cn {
  	width: 61px;
}

.chat-bubble.agent-typing:before {
    background-image:url(../imgs/speech-arrow-remote-typing.png);
    left:-9px;
    bottom:2px;
}

.chat-bubble.agent-typing:after {
    background:url(../imgs/agent-typing-ellipsis.png) no-repeat center;
    height:20px;
    display:block;
    content:"...";
    text-indent:-9999px;
}
.chat-bubble.agent-typing.cn:after{
   	background:none;
   	content:"正在输入..." !important;
   	text-indent:0px !important;
   }

/**
 * SCREENCAST
 */

 .screencast-wrapper { position:absolute; z-index:1; left:50%; top:50%;
	/*border:1px solid transparent;*/
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
            box-shadow: 0 10px 20px rgba(0,0,0,0.25);
    -webkit-transition:border-color 0.3s linear;
       -moz-transition:border-color 0.3s linear;
            transition:border-color 0.3s linear;
 }

.screencast-wrapper .iframe-clip { overflow:hidden; }
.screencast-wrapper iframe { display:block; position:relative; z-index:1; height:100%; width:100%; margin-right:-3px; margin-bottom:-4px; }
.screencast-wrapper:hover {/* border:1px solid #525252;*/ }

/* pseudo element primarily to get the :hover on the iframe to bubble down to the wrapper in IE9 */
.screencast-wrapper:after { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; display:block; content:""; }

.screencast-wrapper a.close { display:block; position:absolute; z-index:3; top:-10px; left:-10px; opacity:0; width:28px; height:28px; text-indent:-9999px; background:url(../imgs/close-icon.png) no-repeat center;
    -webkit-transition:opacity 0.3s linear;
       -moz-transition:opacity 0.3s linear;
            transition:opacity 0.3s linear;
 }

.screencast-wrapper:hover a.close { display:block; opacity:1; cursor:pointer; }

a.stop-screencast { font-size:11px; position:absolute; z-index:2; right:0; bottom:15px; left:0; padding:0 15px; color:#08c; text-align:center; text-shadow:1px 1px 0 #fff;width:250px;margin: 0 auto; }




/* AGENT LIVE VIEW */
.card-container.glance-agent-view { position:relative; z-index:1; height:auto; background:#fff;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.iframe-clip { overflow:hidden; }
.card-container .iframe-clip { height:179px; margin:-1px; border:1px solid #D2D2D2; }
.card-container .iframe-clip iframe { display:block; width:320px; height:182px; }

.card-container .corner { position:absolute; z-index:1; display:block; width:6px; height:6px; background-image:url(../imgs/agent-card-mask.png); }

.card-container .corner.nw, .facetime-product .corner.nw{ top:-1px; left:-1px; background-position:0 0; }
.card-container .corner.ne, .facetime-product .corner.ne{ top:-1px; right:-1px; background-position:-6px 0; }
.card-container .corner.se, .facetime-product .corner.se{ bottom:-1px; right:-1px; background-position:-6px -6px; }
.card-container .corner.sw, .facetime-product .corner.sw{ bottom:-1px; left:-1px; background-position:0 -6px; }

.error-onhold-container {

}
.error-paragraph{
 color: #666;
}

/*Keyboard Up & Down */
.selected{
 color: white;

    background: url(../imgs/bg-selection.png) repeat-x #2B69F9;
    background: -webkit-gradient(linear, left top, left bottom, from(#668FF9), to(#2B69F9));
    background: -moz-linear-gradient(#668FF9, #2B69F9);
    background: -webkit-linear-gradient(#668FF9, #2B69F9) !important;
}

.chat-bubble:focus {
outline:none ;
box-shadow: 0 0 6px #719ECE;
}

.chat-bubble.agent:focus {
outline:none ;
box-shadow: 0 0 6px #719ECE;
}

/*Focus*/

input:focus{
outline:none ;
box-shadow: 0 0 6px #719ECE;
}

/*button:focus{
outline:none ;
box-shadow: 0 0 6px #719ECE;
}*/

#selectHandle:focus{
outline:none ;
box-shadow: 0 0 6px #719ECE;
}

li:focus{
outline:none ;
box-shadow: 0 0 6px #719ECE;
}

.prompt p {
	outline:none ;
	margin:0px;
}

#end-chat-msg span{
        outline:none ;
}

#end-chat-msg span:focus{
        outline:none ;
        box-shadow: 0 0 6px #719ECE;
}
.endChatScreen #end-chat-msg
{
	margin-bottom:82px;
}

.system-message:focus
{
        outline:none ;
        box-shadow: 0 0 6px #719ECE;
}


/******************/
/******************/
/******************/
/********NPI STARTS**********/
#TQView {
 /*       position:relative;*/
}
#TQView, .questions, #questions { text-align:left; }
.inQueueMessages{
	height:69px;
	background:#FFF;
	font-size: 13px;
	font-weight:bold;
	font-family: Lucida Grande;
	color:#333333;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	 border: 1px solid #d2d2d2;
	 border-top: 0px solid #d2d2d2;
	width:318px;
}

.inQueueMessages.es{
        height:73px;
}

.agent_avail_message {
height:90px !important;
}

.title_1line_agent_avail_message{
	height:350px !important;
}

.title_2line_agent_avail_message{
	height:337px !important;
}

.onHoldScreen {
	padding-top:8px;
	margin-left:20px;
	padding-bottom:5px;
}

.onHoldScreenImg {
	float:left;
}
.onHoldScreenMsg {
	margin-left:70px;
	padding-top:8px;
	padding-bottom:5px;
	width:175px;
}

.onHoldScreenMsg.it,.onHoldScreenMsg.pt,.onHoldScreenMsg.fr,.onHoldScreenMsg.ru,.onHoldScreenMsg.tr,.onHoldScreenMsg.de{
width:210px;
}

.onHoldScreenMsg.ja,.onHoldScreenMsg.ru{
width:230px;
margin-left: 55px;
}

.onHoldScreenMsg.zh{
width:210px;
padding-top: 12px;
}

.onHoldScreenMsg.es,.onHoldScreenMsg.pt,.onHoldScreenMsg.nl {
        margin-left:70px;
        padding:0px 0px 5px 0px;
        width:210px;
}

.onHoldScreenMsg.fr {
width:215px !important;
}
.onHoldScreenMsg.th {
	width:185px;
	padding-top: 15px;
}
.clear {
	clear:both;
}
.questionsHeading p{
min-height: 20px;
font-family: lucida grande;
font-size: 15px;
font-weight: bold;
color: #333333;
border-radius: 4px 4px 0px 0px;
line-height: 19px;
}
.questionsHeading {
	margin-top:13px; /*27th Aug margin-top:4px;*/
	min-height:20px;
	background:#FFF;
	padding: 16px 20px;
	font-size: 15px;
	font-weight:bold;
	font-family: lucida grande;
	color:#333333;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0);
  	-ms-filter: "Progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0)";
  	background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
	text-align:center;
    border: 1px solid #d2d2d2;
}

/*.questionsHeading.es{
margin-top:4px;
}*/


.chatended
{
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}

.questions {
	margin-top:0px;
	height:388px;
	background:#fff;
	overflow-x:hidden;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border: 1px solid #d2d2d2;
	border-top: 0px solid #d2d2d2;
	padding:0px;

}
.focusElem .question a:focus,.focusElem .question p:focus{
	outline:none;
	/*box-shadow: 0 0 6px #719ECE;*/
}
.question a:focus{display:block;}
/*.topquestions
{
	height:600px !important;

}*/
.questiondiv p{
	/*padding: 16px 20px;*/
	font-size: 14px;
	font-family: lucida grande;
	list-style-type:none;
}
.question .questiondiv p:focus {
     color:#08c;
 }


.question {
	border-bottom: 1px solid #E1E1E1;
	/*padding: 16px 20px;*/
	font-size: 14px;
	font-family: lucida grande;
	list-style-type:none;
}
.lastli
{
/*border-bottom: 0px solid #E1E1E1;*/
}
.question .questiondiv
{
	padding:  20px;
}

.question .questiondiv a {
	color:#333333;
}
.question .questiondiv:hover a {
	color:#08c;
}
.question .questiondiv p {
	color:#333333;
}
.question .questiondiv:hover p {
	color:#08c;
}


.question .questionSelected:parent
{
	background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);
 }

.question a:active {
	color:#08c;
}
.questiondiv
{
	cursor: pointer;
}

.question div{
	/*font-size: 13px;*/
	padding: 0px 20px;
	color:#666;
}
.ansDiv
{
	font-size: 13px;
	color : #555;
}

.question:hover, .activeQuestion {
	background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0);
  	-ms-filter: "Progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0)";
  	background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
  	background-color:#f1f1f1\9;
  	color:#08c;
}
.activeQuestion .questiondiv a
{
	color:#000000;
}
.specialistImage {
	float:left;
	display:none;
}
.specialistDetails {
	color:#888;
	/*margin-left:60px;*/
	font-size:12px;
	margin:16px 0px 16px 0px;
}

.agentConnectedMsg {
	text-align: center;
	padding-top:3px;
	padding-bottom:2px;
}

.startChatButton{
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    color: white;
    min-width: 300px;
    padding: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: url(../imgs/bg-button.png) repeat-x #218cda;
    background: -webkit-linear-gradient(#4ab1ec, #1e89d9);
    background: -moz-linear-gradient(#4ab1ec, #1e89d9);

    -webkit-box-shadow: inset 0 0 1px #fff,
                        0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 1px #fff,
                     0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 1px #fff,
                0 1px 0 rgba(0,0,0,.3);
    margin:0px 10px;
}

.accordion {
   /*margin: 50px;*/
   dt, dd {
      padding: 10px;
      border: 1px solid black;
      border-bottom: 0;
      &:last-of-type {
        border-bottom: 1px solid black;
      }
      a {
        display: block;
        color: black;
        font-weight: bold;
      }
   }
  dd {
     border-top: 0;
     font-size: 12px;
     &:last-of-type {
       border-top: 1px solid white;
       position: relative;
       top: -1px;
     }
  }
}

.overlay
{
        opacity:.93;
        position:absolute;
        height:182px;
        width:278px;
        background-color:#FFFFFF;
        /*border: 1px solid #d2d2d2;*/
        text-align:center;
        font-color:#515151;
        font-family: 'lucida grande';
        font-size: 14px;
        z-index:100000;
        border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius:4px 4px 0px 0px;
        margin-left:1px;
        padding-left: 20px;
        padding-right: 20px;
        display:table;
}

#topQWarningTimer {
 display:table-cell;
        vertical-align:middle;
}

.overlay_routing_message {
	display:table !important;
 	padding-top:14px !important;
 	position:absolute;
 	top: 43px;
	height:246px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	width:288px !important;
	border-radius:4px;
}

.overlay_message {
 display:table-cell;
 vertical-align:middle;
 word-break:break-word;
}

.overlayMessage{
        height:181px !important;
}

#newQuestionBtn
{
	min-width: 130px;
  	padding:6px;

  	opacity:.57;
  	background: -webkit-linear-gradient(#ACACAC, #464646);
  	position: absolute;
  	font-family: 'lucida grande';
    font-weight: bold;
    font-size: 13px;
    font-weight:bold;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   -webkit-box-shadow: inset 0 0 1px #fff,
                        0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 1px #fff,
                     0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 0 1px #fff,
                0 1px 0 rgba(0,0,0,.3);
    margin:10px 10px;
    margin-top:-12px;
    z-index: 1000;
	text-align:center;

}

.newBtn
{
	margin-left:80px;

}

.chatEndOverlay {
	opacity:.93;
	height:65px;
	width:318px;
	background-color:#FFFFFF;
	text-align:center;
	font-color:#515151;
	font-family: 'lucida grande';
	font-size: 14px;
	z-index:11;
	color:#666;
	display:table;
}
.chatEndOverlay div {
        display:table-cell;
        vertical-align:middle;

}

.allQuestions {
	-webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
	height:648px;
}
.question a:focus, .question p:focus{
outline: none;

}

.question a:focus{
display: block;
}

.topQLink:focus{
box-shadow: 0 0 6px #719ECE;
outline:none ;

}
.specialistDetails:focus,.agentConnectedMsg p:focus{
outline:none ;
}


#questionsHeading p:focus{
/*box-shadow: 0 0 6px #719ECE;*/
outline:none ;
}

#onHoldScreenMsg p:focus{
/*box-shadow: 0 0 6px #719ECE;*/
outline:none ;
}
.focusElem a:focus,.focusElem p:focus{
        outline:none;
        box-shadow: 0 0 6px #719ECE;
}

#endChatAnchor:focus			{
box-shadow: 0 0 6px #719ECE;
outline:none ;
}
/********NPI ENDS**********/

#the-chat {}
.the-chat {padding-bottom:48px;}

#end-chat-link
{
	text-align:center;
}
#tqSpan,#endchatSpan
{
 color:#000;
 cursor:default;
}
#countryListDropDown {
    list-style-type: none;
	padding: 0;
}

.allQuestionsHeading {
	margin:0px;
}
/*************************Pre Chat Survey Styles*************************/
#preChat_prodInfo  button
{
	min-width:130px;
	margin-bottom:20px;
}
.preChat_appleProdHelp button
{
	min-width:200px;
}
#preChat_survey
{
	width:230px;
	height:80px;
	display:block;
}
.preChat_survey_ca
{
	height:48px !important;

}

#preChat_prodInfo p,#preChat_appleProdHelp p,#newProdDiv p
{
	width:250px;
	margin-bottom:8px;
	margin-left:10px;
	font-size:13px;
	font-weight: bold;
	line-height: 20px;
}
#preChat_appleProdHelp_ca a
{
	margin-left:10px;
}
#preChat_appleProdHelp_ca p
{
	width:248px;
	margin-bottom:2px;
	margin-left:10px;
	font-size:13px;
	font-weight: bold;
	line-height: 20px;
}

#preChat_survey p
{
	font-size:20px;
	font-weight: bold;
	line-height: 30px;
	margin-left:10px;
}
#newProdDiv
{
	margin-top:20px;
}
#newProdDiv p {
	width:250px;
	margin-left:10px;
	font-size:16px;
	float:left;
	color:#333;
	font-weight:bold;
	line-height: 20px;

}

#preChatSurvey{overflow-y:auto;text-align: left;}
.preChatBg{
        background:#FFF !important;
	border: 1px solid #FFF !important;
}
/*************************************24th Sep**************************************/
.survey_headline
{
	font-size:20px;
	font-weight: bold;
	line-height: 26px;
	margin-left:10px;
	padding-right: 100px;
	margin-bottom: 20px;
}
.chatnow_head,.visit_support_head
{
	padding-right: 12px;
	margin-bottom:8px;
	margin-left:10px;
	font-size:13px;
	font-weight: bold;
	line-height: 18px;
}
.chatnow_btn
{
	min-width:50px;
	text-align:left;
	margin: 0px 7px 20px 7px;
}
.support_btn
{
	min-width:50px;
	text-align:left;
	margin: 0px 7px 20px 7px;
}


/*******************************************************/

/**TOPQPhase2 changes**/

#questions {
height:440px;
overflow:auto;
font-size:14px;
border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        /* -webkit-border-radius: 0px 0px 4px 4px; */
        border: 2px solid #d2d2d2;
        border-top: 0px solid #d2d2d2;
        padding:0px;
        position:relative;

}
#questions h2{
	font-size:14px;
}
.ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        /*position: relative;
        margin-top: 2px;
        padding: .5em .5em .5em .7em;*/
        padding:20px;
        min-height: 0; /* support: IE7 */
	word-wrap: break-word;
}

.specialist-details {
        color:#888;
        font-size:12px;
        margin:20px 0px 16px 0px;
        outline: none;
}

.ui-accordion .ui-accordion-content {
        padding:0em 1.3em 1.3em 1.3em;
        border-top: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border-bottom: 1px solid #E1E1E1;
background: #FFF url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: #FFF url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #08c;
        background: -webkit-linear-gradient(#fff, #f1f1f1);
   background: -moz-linear-gradient(#fff, #f1f1f1);
   filter: progid: DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0);
   -ms-filter: "Progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0)";
   background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
   background-color: #f1f1f1;
   color: #08c;
   outline:none;
 }


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
outline:none;
 border-bottom:none;
background: #ffffff 50% 50% repeat-x;
font-weight: normal;
color: #08c;
/*      background: -webkit-linear-gradient(#fff, #f1f1f1);
background: -moz-linear-gradient(#fff, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0);
-ms-filter: "Progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0)";
background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
*/
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}


 .ui-widget-content {
 border-bottom:1px solid rgb(227,227,227);
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color:rgb(132,132,132);
background: -webkit-linear-gradient(#fff, #f1f1f1);
background: -moz-linear-gradient(#fff, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0);
-ms-filter: "Progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f1f1f1', EndColorStr='#f1f1f1', GradientType=0)";
background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
 }


.parent-ans-question * {
font-size:13px;
}
.parent-ans-question {
float:left;
width:100%;
}

.parent-ans-question .ans-left {
float:left;
width:100%;
}


.thank-msg,.was-usful , .parent-ans-question .ans-left {
color:rgb(138,138,138);
line-height: 20px;
word-wrap: break-word;
}
.was-usful,.thank-msg{
margin-left: 0px;
}

.thank-msg{
text-align:left;
display:none;
color:#666;
}

.thank-msg:focus{
outline:none;
border:none;
}

.parent-ans-question .ans-right {
float:left;
width:100%;
margin-top: 12px
}

.parent-ans-question .ans-right:focus {
	outline:none;
	border:none;
}

.ans-right .yesno-qus .yes-quse,.ans-right .yesno-qus .no-quse{
float:left;
color:#08c;
padding:8px 13px;
border:1px solid rgb(227,227,227);
margin:5px 5px 0px -12px;
border-radius:5px;
font-size:15px;
background-color: rgb(251,251,251);
cursor: pointer;
width:53px;
}

/*Accessibility for Fieldset*/
.yes-quse{
float:left;
color:#08c;
padding:8px 13px;
border:1px solid rgb(227,227,227);
margin-top:7px;
border-radius:5px;
font-size:15px;
background-color: rgb(251,251,251);
cursor: pointer;
min-width:52px;
}

 .no-quse{
float:left;
color:#08c;
padding:8px 13px;
border:1px solid rgb(227,227,227);
margin-top:7px;
margin-left:11px;
border-radius:5px;
font-size:15px;
background-color: rgb(251,251,251);
cursor: pointer;
min-width:53px;
}

.ans-right .yesno-qus .no-quse{
margin:5px 0px 0px 6px;
}

.ui-widget-content p {
font-size:14px;
}

.yesno-qus{
clear:both;
margin-top:1px;
}
.topq-answer{color:#666 !important;word-wrap: break-word;}
.was-usful{color:#666666;font-size:12px;font-family:LucidaGrande;}

/*Accessibility a11y*/
.a11y{
position:absolute !important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px, 1px, 1px, 1px);
}

fieldset{
border:none;
outline:0;
display:block;
margin-bottom:20px;
color:#666;
margin-top:2px;
}

.ui-accordion .ui-accordion-content:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.survey-count-two {
	margin: 27px;
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: -0.1px !important;
}

.count-survey-zh {
	margin: 45px;
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: -0.1px !important;
}

.survey-align{
         margin:0px 20px;
         bottom:7px;
}

.chat-view-bottom{
	 margin:9px !important;
     margin-top:0px !important;
     margin-left:0px !important;
	 margin-right:-0.1px !important;
}

/*Cross sign is shown in text field when customer types something in Chat UI in IE 11 browser*/
input[type=text]::-ms-clear {
	display: none;
}

/*Gotham Changes*/
.facetime-product{
	height:219px;
	width:100%;
	background:#fff;
	margin:9px 0px 5px 0px;
	 -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    overflow:hidden;
}

.facetime-product iframe{
	width:400px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    border : 0px solid #FFF;
    height:222px;
    padding:0px;
    margin:0px;

}

/*#click2call, #call_waiting_msg {
	overflow:scroll;
}*/

#devicecast-wrapper{

	/*-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
        box-shadow: 0 10px 20px rgba(0,0,0,0.25);
       -webkit-transition:border-color 0s linear;
       -moz-transition:border-color 0s linear;
            transition:border-color 0s linear;*/
       box-shadow: 0 0px 0px rgba(0,0,0,0);
       border: 0px solid #000;
}

.videocast .lowResolution #youareOncall {
    padding: 60px 20px 15px;
    text-align: center;
    background-size:30%;
}

.videocastfordevice #callmebtn{
	margin-left:50px !important;
}

.videocastfordevice .privacy-message {
	width : 350px;
}

.videocastfordevice .chat-view .input input{
	width : 350px;
}
.videocastfordevice #click2call #panel-type{
	min-height:30%;
}
.chat-view{
	word-wrap:break-word;
}

.videocastfordevice .card-container .iframe-clip iframe {width:400px;}

.videocastfordevice .button.control {
   width:90%;
}

.videocast .highRes .status-message{
	padding: 68px 20px 15px !important;
	background-size:30%;
}
.videocast .highRes .status-message.videScCallEr{
        padding-top : 118px !important;
}



.videocast #questions{
	height : 84% !important;
}
.videocast #chat-panel{
	width:400px !important;
}
.videocast #user-input-message{
	width : 95%;
}

/*Gotham Changes*/

/********* email Chat Transcript *******/
div#email_trans_form.email-form{
	margin-bottom: 50px;
	width: 280px;
}
.videocastfordevice div#email_trans_form.email-form{
	padding-left:12% !important;
}
.emailEnabled{
	margin-bottom:0px !important;
}
#email-failed-msg .cp_chat_system{
   background:none !important;
   margin: 15px 0px 15px 0px;
}
#email-trans-div{
	margin : 25px 0px 25px 0px;
}
#email-failed-msg {
	margin : 25px 0px 25px 0px;
}
div#end-sending-div{
	margin : 25px 0px 25px 0px;
}

.disabledInput {
	background-color:#F0F0F0 ;
}
.error-email{
	color: #f30 !important;
	background:#ffffc5;
}
div#emailSentContainer.email-sent-container{
	margin : 15px 0px 15px 0px;
	color:#666;
}
#email-field{
	float:left;
}
#email-field #email-bubblewrapper{
	width:250px;
	bottom:150px;
	left:20px;
	position: relative !important;
}
#email-field .email-bubblewrapper-two-line{
	bottom:168px !important;
}
/*.email-message-image {
    	padding: 128px 27px 15px;
    	text-align: center;
    	background: url(../imgs/envelope_2x.png) center 20px no-repeat !important;
	background-size: 38% !important;
}*/

.email-message-image .headline {
    	font-weight: bold;
 	padding-top: 12px;
	word-wrap: break-word;
	color:#666;
}

#emailAddressField {
	font-size: 12px;
}
.noInputBox{
	bottom: 0px !important;
}
.email-message-image .supporting {
    	color: #666;
    	word-wrap: break-word;
	margin-bottom:12px;
}


.button-proceed {
	font-family: "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
	border-radius: 7px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 13px;
	width: auto;
	background: #0096E2;
	color: #FFF;
	-webkit-appearance: none;
	border: none;
	margin-bottom: 10px;

}

.button-cancel {
	font-family: "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
	border-radius: 7px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 13px;
	background: #E3E3E3;
	color: #000;
	border: none;
	-webkit-appearance: none;
	margin-left: 12px;
	margin-bottom: 10px;
	width: auto;
}

.button-send-width{
	min-width: 120px;
}

.button-send-email{
	min-width: 133px;
}

.adjustButtonWidth {
	width:48% !important;
	height:40px;
	display:block;
	float:left;
	padding:4px;
}
.adjustButtonWidth.button-cancel{
	margin-left: 8px !important;
}

.checkImage {
	background: url("../imgs/check@1x.png") no-repeat;
	background-size: 80px;
	height: 80px;
	width: 80px;
	background-position: center;
	margin: 0 auto;
	padding: 10px 0;
}


.email-send-inprogress,#emailErrorMessage  {
        text-align: center;
        color:#666666;
}

#emailErrorMessage {
	margin: 15px 0px 15px 0px;

}

.email-progress {
	margin: 45px 0px 45px 0px;
}

#custEmailID {
	font-weight:bold;
}

#emailSuccessSentMessage {
	width:275px;
}
.email-success-sent.es,.email-success-sent.fr {
	width:300px !important;
	margin-left: -15px;
}

/********* email Chat Transcript *******/


/**********Reconnect Chat *****************/
.reconnect-endspace{
        padding-bottom: 60px;
}
.reconnectButton{
    margin:13px 0px !important;
    width:100%;
    font-size:14px;
}

#TQView .reconnectButton {
         width:92% !important;
}

.reconnectSpinner {
	background: url('../imgs/aquaspinner30.gif') no-repeat;
	background-size: 100%;
	height: 5%;
	width: 5%;
	position: absolute;
	margin-top: 7%;
	margin-left: 20%;
}
.reconnectSpinner:lang(de){
	display:none;
}

.reconnectSpinner:lang(it){
	margin-left: 11% !important;
}

.reconnectSpinner:lang(it){
	margin-left: 12% !important;
	margin-top: 7% !important;
}
.reconnectSpinner:lang(th){
        margin-left: 18% !important;
	margin-top: 8% !important;
}
.reconnectSpinner:lang(es){
        margin-left: 11% !important;
}
.reconnectSpinner:lang(es),
.reconnectSpinner:lang(tr),
.reconnectSpinner:lang(nl){
	margin-left: 14% !important;
	margin-top: 7% !important;
}
.reconnectSpinner:lang(ru){
	margin-left: 8%;
}
.nicRcnct{
   margin-bottom : 12%;
}

#ReconnectEndline {
	height:2px;

}

.hairline_image {
	color:#999;
        background:url(../imgs/hairline.png) repeat-x left center;
}
.wting_reconnect {
	height : 55% !important;
}
#reconnectDiv,#reconectingDiv{
	text-align:center;
}


/************* End Reconnect Chat *****************/

.ui-dialog .ui-dialog-content {
    background: #FFF;
    border-radius: 8px;
    position: absolute;
    z-index: 99;
   top:-160px;
width: 308px !important;
left: -10px;
margin:0px auto;
}
.notificationDialog div {
        padding: 10px 6px;
        text-align: center;
}
.notificationDialog p {
        font-size:14px; /* 2em;*/
        line-height: 1.6em;
        margin: 0;
        text-align: center;
        color: #898989;
        font-weight: 200;
        padding: 0 2%;
}
#notificationDialog [class^="button"]{
  margin-top: 10px;
}
#notificationDialog fieldset{
  width: 100%;
  margin-top: 6px;
  border:none;
  margin-bottom:5px;
}
.button-proceed-dia,.button-cancel-dia{
  font-family: "HelveticaNeue-Light", "Helvetica", "Arial", "Verdana", "sans-serif";
  font-weight: 200;
  border-radius: 5px;
  font-size: 16px;
  height: 44px;
  line-height: 18px;
  padding: 0;
  background: #0096E2;
  color: #FFF;
-webkit-appearance: none;
  border: none;
  width: 43%;
  float: left;
  display: inline-block;
  margin-left: 14px;
}
.button-cancel-dia {
  background: #E3E3E3;
  color: #000;
  margin-left: 15px;
}
.notificationDialogOverlay {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
	z-index: 9;
}
.notificationDialog.pop .ui-dialog-titlebar{
	display:none;
}
.notificationDialog.pop{
border-bottom:none;
}

/*CMS*/
#cms{
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
}

#product-help,#order-help,#shopping-help{
	border-bottom:1px solid rgb(220,220,220);
	float: left;
	width:100%;
}

#shopping-help{
	border-bottom:none;
}
#product-help .productHeading{
	padding:10px  0px 10px 10px!important;
}

#product-help .productHeading,#order-help .orderHeading,#shopping-help .shoppingHeading{
	text-align:left;
	padding:15px 0px 10px 10px;
	font-size:14px;
	color:#444444;
	width:88%;
	word-wrap: break-word;
}

#product-help span,#order-help span,#shopping-help span{
	display: inline-block;
	outline:none;
}

#product-help .productDesc,#order-help .orderDesc,#shopping-help .shoppingDesc{
	text-align:left;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	color:#797A7A;
	width:88%;
	word-wrap: break-word;
}

#productHelp,#orderHelp,#shoppingHelp{
	background-color: #0178CD;
	border-color: #07c;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	padding: 7px 10px;
	width: 110px;
	text-align: center;
	margin: 0px 14px 10px 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	cursor: pointer;
	float: right;
	background: -webkit-linear-gradient(#37AAEA 0%, #117ED2 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(#37AAEA 0%, #117ED2 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(#37AAEA 0%, #117ED2 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(#37AAEA 0%, #117ED2 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(#37AAEA 0%, #117ED2 100%) repeat scroll 0 0 transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

#productHelp button,#orderHelp button,#shoppingHelp button{
	color: #ffffff;
	font-size: 14px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

.resetPadding{
	padding: 0px !important;
}

.preChatBg + #cms{
   position:absolute;
   height: 100%;
}

#productHelp:lang(de-DE), #orderHelp:lang(de-DE), #shoppingHelp:lang(de-DE),
#productHelp:lang(es-ES), #orderHelp:lang(es-ES), #shoppingHelp:lang(es-ES),
#productHelp:lang(pt-BR), #orderHelp:lang(pt-BR), #shoppingHelp:lang(pt-BR),
#productHelp:lang(ru-RU), #orderHelp:lang(ru-RU), #shoppingHelp:lang(ru-RU),
#productHelp:lang(it-IT), #orderHelp:lang(it-IT), #shoppingHelp:lang(it-IT),
#productHelp:lang(de-CH), #orderHelp:lang(de-CH), #shoppingHelp:lang(de-CH),
#productHelp:lang(nl-NL), #orderHelp:lang(nl-NL), #shoppingHelp:lang(nl-NL),
#productHelp:lang(sv-SE), #orderHelp:lang(sv-SE), #shoppingHelp:lang(sv-SE),
#productHelp:lang(da-DK), #orderHelp:lang(da-DK), #shoppingHelp:lang(da-DK),
#productHelp:lang(de-AT), #orderHelp:lang(de-AT), #shoppingHelp:lang(de-AT){
   width:150px;
}

#productHelp:lang(fr-FR), #orderHelp:lang(fr-FR), #shoppingHelp:lang(fr-FR),
#productHelp:lang(fr-CH), #orderHelp:lang(fr-CH), #shoppingHelp:lang(fr-CH),
#productHelp:lang(fr-BE), #orderHelp:lang(fr-BE), #shoppingHelp:lang(fr-BE),
#productHelp:lang(fr-CA), #orderHelp:lang(fr-CA), #shoppingHelp:lang(fr-CA){
   width:180px;
}
#productHelp:lang(th-TH), #orderHelp:lang(th-TH), #shoppingHelp:lang(th-TH){
   width:170px;
}
#productHelp:lang(ja-JP), #orderHelp:lang(ja-JP), #shoppingHelp:lang(ja-JP),
#productHelp:lang(nl-BE), #orderHelp:lang(nl-BE), #shoppingHelp:lang(nl-BE){
   width:160px;
}
#productHelp:lang(es-MX), #orderHelp:lang(es-MX), #shoppingHelp:lang(es-MX){
   width:231px;
}

.align-reconnecting-btn {
	position: absolute;
	top: -1px;
	width:92%;
	left:10px;
}

.hide-onHoldScreen {
	position:relative;
	z-index: -99;
}

.align-reconnecting-btn-glance {
    position: absolute;
    bottom: 5%;
    width: 250px;
    height: 55px;
    left: 43%;
}

.align-reconnecting-btn-glance .reconnectSpinner {
    height:15px;
    position:absolute;
    top:10px;
}

#chat_waiting_msg.chat-End-msg {
	padding: 0px;
}

#survey-link a.disabled {
	pointer-events: none;
	cursor: default;
}
