/*	Avaya Aura Contact Center Multimedia
		Copyright © 2010 - 2012 Avaya Inc. All Rights Reserved	*/

/*************************************
**** Do not edit This Top Section ****
*************************************/
.welcomemessage { color: black; text-align:left; margin-bottom:15px;}
.bodymessage { margin-top: 20px;
    text-align: justify;
    width: 97%; margin-bottom:15px;}
/* #logos-top {padding-top:25px; text-align:center;} */
#logos-top {    
    text-align: center;
    background: white;
    text-align: left;
    min-width: 550px;
    overflow: hidden
	}
p { margin: 5px 0;}
.bodyfields { margin-bottom:5px; margin-top:5px;}
.labelfield { float: left; width: 35%; color: black; text-align:left;}
.texboxfield {clear: right;}
@media all and (min-width:854px) {
	.webchat_text_chat 
	{ 
		/* width:435px !important;   */
		margin: 0 auto !important;
	}
	.top_gradient {
		width:435px; 
	}
	.bottom_gradient
	{
		width:435px;
	}
	.popover_window { 
		right:0px; 
		top:0px; 
		align: right;
		background-color: white;
		width:100%;
	}

	.popover_window_chat { 
		right:0px; 
		top:0px; 
		text-align: left;
		background-color: white;
		width:945px;
		margin:0 auto;
	}
	.popover_window_chat_contaniners { 
		/* right:0px;  */
		top:0px; 
		/* float: left; */
		text-align: left;
		background-color: white;
		width:430px;
		margin:0 auto;
	}

	.popover_window_confirm {
		background-color: white;
		width:430px;
	}

	.popover_window_callback {
		background-color: white;
		width:430px;
	}

	.popover_window_email { 
		background-color: white;
		width:430px;
	}
}
#hide-phonestablets
{
	display:none;
}
.logoBCR
{
	background: black;
}
.chatLogo
{
	float:right;
}
@media all and (max-device-width:854px) {
	.labelfield { width: 30% !important;} 
	.texboxfield { text-align:left;}
	#hide-phonestablets { display: none;}
	.sizefield { width:69% !important; border: 2px solid black }
	.bodymessage{ width: 99% !important;}
	.webchat_text_chat { width:50% !important; margin: 0 auto !important;}
	.popover_window { 
		right:0px; 
		top:0px; 
		align: right;
		background-color: white;
		width:100% !important;
	}
	.popover_window_chat { 
		right:0px; 
		top:0px; 
		align: right;
		background-color: white;
		width:100% !important;
	}

	.popover_window_confirm {
		background-color: white;
		width:100% !important;
	}

	.popover_window_callback {
		background-color: white;
		background-color: white;
		background-color: white;
		width:100% !important;
	}

	.popover_window_email { 
		background-color: white;
		width:100% !important;
	}
}
@media all and (max-device-width:440px) {
	.webchat_connection_status{ display: block;}
}
@media all and (max-device-width:650px) {
	.labelfield { width: 100% !important; color: black; text-align:left; margin-bottom: 5px;}
	.texboxfield {width: 100% !important; text-align:left;}
	.sizefield { width:97% !important; border: 2px solid black }
	#hide-phonestablets { display: none;}
	.webchat_text_chat { width:87% !important;}
}
html, body  {
	Overflow:auto;
	/*** button hover fix for IE 6 ***/ 
	behavior: url("library/csshover3.htc"); 
	margin:0px;
	padding:0px;
}
/*************************************
********** Common Classes ************
*************************************/

.bottom_gradient {
	/* background:url('../img/bk_grad_bottom.png') bottom repeat-x; */
	width:100%;
	margin: 0 auto;
	padding-bottom: 6px;
	text-align:center;
}
.bottom_gradient p{border-top: 1px solid #CCCCCC;
    padding-top: 10px;}

.top_gradient {
	/* background:url('../img/bk_grad.png') top repeat-x; */
	width:100%;
	/* padding-bottom:15px; */
	
	/* background: url(../img/bk_grad.png) top repeat-x; */
    /* width: 435px !important; */
    padding-bottom: 15px;
    margin: 0 auto;
    border: 1px solid #EFF0F1;
	
	
}

.input_fields { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color:#404040;
}

.input_fields input, select, textarea { 
	border:1px solid #E6E6E6;
}

.powered_by  {
	margin-left: 20px;
	bottom: 25px;
	padding-top: 10px;
	text-align: right;
	font-size: 10px;
}

.red_font {
	color:red;
}

/*************************************
*********** index/home ***************
*************************************/

.index_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	text-align: left;
	color: #6B6267;
}

/*************************************
********* Webchat Pop up *************
*************************************/

.webchat_text_chat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 25px 20px 0;
	width: 87%;
    text-align: center;
	color:#404040;
	margin: 0 auto;
}
#webchat_chat_area	{
	padding: 25px 20px 0;
}
.webchat_history {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    background: #F1F2F3 url(../img/chat_bg.gif) 0 0 no-repeat;
    color: #6B6267;
    width: 100%;
    height: 150px;
    overflow-x: auto;
    overflow-y: scroll;
    margin-bottom: 10px;
}
.botonenviarchat{
text-align: center;
margin: 2px 0;
}
.webchat_text_field {
    width: 100%;
    height: 55px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border: 1px solid #F0F0F0;
    background-color: #F1F2F3
}

[disabled] 
{
	background-color:#EBEBEB;
}

.text_area_division {
	border: 1px solid #F0F0F0;
	border-right: 0;
	border-bottom: 0;
	margin-left:2px; 
	background: url(../img/accordion_bg.gif) no-repeat right bottom;
	background-color:#fcfcfc;
	margin-top: 10px;
	padding-right: 4px;
}

.webchat_connection_status {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D32122;
	padding-left:20px;
	/*display: block;
	position: absolute;*/
	padding-top: 10px;
	text-align: left;
}

.call_me {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	display: block;
	text-align: center;
}

.status_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
}

.webchat_agent_image {
	height:90px;
	padding-left:20px;
}

.wc_submit  {
	background:none;
	border:none;
	color:#fff;
	background-color:#aeadb3;
	height:35px;
	width:200px;
	padding:2px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	cursor:pointer;
	font-size: 12px;
}


.wc_print {
    background: none;
    border: none;
    color: white;
    background-color: #ef3340;
    height: 35px;
    width: 200px;
    padding: 2px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    font-size: 12px;
}

.chat_submit:hover {
    background: none;
    border: none;
    color: #fff;
    background-color: #f2da01;
    height: 35px;
    width: 70px;
    padding-bottom: 2px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    font-size: 12px;
}

/*************************************
********* Call-back Pop up ***********
*************************************/

.webchat_text_callback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	padding-left:50px;
	color:#404040;
	width:100%;
}

/*************************************
*********** Email Pop up *************
*************************************/

.webchat_text_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	padding-left:50px;
	color:#404040;
	width:100%;
}

/*************************************
*** Google Chrome - Hide Scroll Bar **
*************************************/

::-webkit-scrollbar { 
	height: 0px; 
	width: 10px; 
	background-color: inherit;
}

::-webkit-scrollbar-thumb {
	background: #696969;
	-webkit-border-radius: 5px;
	height: 5px;
}