#tchatToolbar{
	background-color: #E2E2E2;
	width: 100%;
	flex: 0 0 27px;
	-webkit-flex: 0 0 27px;
	-ms-flex:  0 0 27px;
	overflow: hidden;
}

.flex-chat{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: column;
	-webkit-flex-flow: column;
}

#saisie_T140, #chatBeforeCall{
	border: none;
	resize:none;
	width: 100%;
	word-wrap: break-word;
	outline: none;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-flex: 1 1 auto;
	-ms-flex:  1 1 auto;
	flex: 1 1 auto;
}
#chatBeforeCall{
	background: transparent;
}

#toolbarContainer{
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
	display: inline-block;
}

#fontColorContainer {
	float: left;
    margin-right: 5px;
	width: 20px;
}

#fontColor
{
	background-image:url(../images/zicons.png);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 13px;
	width: 15px;
}

#chatBgColor{
	visibility: hidden;
	height:0;
	width:0;
}

#showPaletteOnly
{
	height: 0;
	width: 0;
}

#fontsize{
	float: left;
	height: 20px;
	margin-right: 5px;
}

/*
#fontsize option[value="8px"]{
	font-size: 8px;
}

#fontsize option[value="10px"]{
	font-size: 10px;
}

#fontsize option[value="12px"]{
	font-size: 12px;
}

#fontsize option[value="14px"]{
	font-size: 14px;
}

#fontsize option[value="18px"]{
	font-size: 18px;
}

#fontsize option[value="24px"]{
	font-size: 24px;
}

#fontsize option[value="36px"]{
	font-size: 36px;
}
*/
#fontFamily{
	float: left;
    height: 20px;
	width: 18%;
    margin-right: 5px;
}

#fontFamily option[value="andale mono"]{
	font-family : "andale mono";
}

#fontFamily option[value="andale mono"]{
	font-family : "andale mono";
}

#fontFamily option[value="arial"]{
	font-family : "arial";
}

#fontFamily option[value="andale mono"]{
	font-family : "andale mono";
}

#fontFamily option[value="arial black"]{
	font-family : "arial black";
}

#fontFamily option[value="book antiqua"]{
	font-family : "book antiqua";
}

#fontFamily option[value="comic sans ms"]{
	font-family : "comic sans ms";
}

#fontFamily option[value="courier new"]{
	font-family : "courier new";
}

#fontFamily option[value="georgia"]{
	font-family : "georgia";
}

#fontFamily option[value="helvetica"]{
	font-family : "helvetica";
}

#fontFamily option[value="impact"]{
	font-family : "impact";
}

#fontFamily option[value="symbol"]{
	font-family : "symbol";
}

#fontFamily option[value="tahoma"]{
	font-family : "tahoma";
}

#fontFamily option[value="terminal"]{
	font-family : "terminal";
}

#fontFamily option[value="times new roman"]{
	font-family : "times new roman";
}

.myOwnClassName{
	font-family : "impact";
}

#fontFamily option[value="trebuchet ms"]{
	font-family : "trebuchet ms";
}

#fontFamily option[value="verdana"]{
	font-family : "verdana";
}

#fontFamily option[value="webdings"]{
	font-family : "webdings";
}

#erase{
	background-image:url(../images/erase.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	border: 1px solid #BCBCBC;
	float:left;
	height: 18px;
	margin-right: 5px;
	padding-left: 25px;
    text-align: left;
    min-width: 150px;
    cursor: pointer;
}

#tchatMode{
	float: left;
    height: 20px;
    margin-right: 5px;
}

#tchatMode option[value="0"]{
	background-color: #CCCCCC;
	font-weight: bold;
}

.sp-replacer{
	float:left;
	padding-top: 2px;
}

#resetDjanahBg{
	float: left;
	height: 17px;
	padding-top: 3px;
	width: 70px;
}

.historique_T140_wrapper{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: column;
	-webkit-flex-flow: column;
	width: 100%;
	flex: 1;
	-webkit-flex: 1;
	-ms-flex:  1;
	/*padding: 0 10px;*/
}
.historique_T140_pusher{
	flex: 1;
	-webkit-flex: 1;
	-ms-flex:  1;
	background-color: black;
}

#historique_T140
{
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: calc(100% - 10px);
	overflow-x:hidden;
	overflow-y:auto;
	background-color: black;
	vertical-align: bottom;
	padding-bottom: 10px;
	flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}

#ddchat{
	height: 100%;
	overflow:hidden;
}

font{
	display: inline-block;
}
.toggleTextareaButtonContainer{
	float:right;
	height: 100%;
	display: inline-block;
	padding-right:20px;
}
.toggleTextareaButton{
	cursor: pointer;
	color:grey;
	-webkit-transition: all 0.2s ease-in-out !important;
	-moz-transition: all 0.2s ease-in-out !important;
	-ms-transition: all 0.2s ease-in-out !important;
	-o-transition: all 0.2s ease-in-out !important;
	transition: all 0.2s ease-in-out !important;
	font-size: 23px;
}
.toggleTextareaButton i{
	vertical-align: text-bottom;
}
.toggleTextareaButton:hover{
	color:black;
}
.toggleTextareaButtonReverse{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#poubelle {
 	width: 100%;
	height: 37px;
	outline: none;
	padding: 0 0 0 28px;
	box-sizing: border-box;
	margin-top: 10px;
	border-radius: 0 0 6px 6px;
	font-size: 13px;
	resize: none;
	border: none;
}
.textarea-left-container{
	-webkit-flex: 0 1 47px;
	-ms-flex: 0 1 47px;
	flex: 0 1 47px;
}
.textarea-left-icon{
	position: absolute;
	z-index: 3;
	margin-top: 24px;
	margin-left: 12px;
}
#resizableHistory{
	position: relative;
}