@CHARSET "UTF-8";

/* スマートフォン用CSS */
@media screen and (max-width: 640px) {

	img {
		max-width: 100% !important;
	}

	.bubble {
		border-radius:10px !important;
	}

	.bubble.euright {
		margin-left:30px !important;
	}

	.bubble.opleft {
		margin-right:44px !important;
		float: left !important;
	}

	/* .robotImg {
		width:53px !important;
		height:53px !important;
	} */

	.talkTitleDiv {
		margin-left: 0px !important;
		padding:5px 0px 5px 0px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#candidateTable {
		width:100%;
	}

	.bubbleRightTitleFont,.bubbleLeftTitleFont {
		font-size:10px !important;
		color:#000000 !important;
	}

	.bubbleRightContextFont,.bubbleLeftContextFont {
		font-size:14px !important;
	}

	.talkContextDiv {
		padding:5px 10px 10px 10px !important;
	}

	/* #uploadFileBtn {
		height: 20px !important;
	}

	#editUrlBtn {
		height: 20px !important;
	} */
	
	#withAttachmentLbl {
		left: 63px !important;
		width: 30px !important;
		font-size: 9pt !important;
		line-height: 1 !important;
		text-align: center !important;
		padding-top: 0px !important;
	}

	#talk {
		width: calc(100% - 80px) !important;
		min-height:29px !important;
		padding: 2px 2px !important;
		font-size: 12px !important;
		resize:none !important;
	}

	/* #talkBtn{
		min-width: 55px !important;
		width: 55px !important;
		height: 29px !important;
		padding: 0px 5px !important;
		font-size: 11pt !important;
	} */


	#upload-attachments-alert .modal-dialog {
		width:auto !important;
	}
	.modal-dialog {
		width:auto !important;
		/* minを指定しない場合は、デザインが崩れるため指定 */
		min-width:275px;
		margin-left:10px !important;
		margin-right:10px !important;
	}

	.myImgClass3 {
		min-width: 0px;
	}
	/* URL指定ダイアログ */

	#url-specification-alert button.add,
	#url-specification-alert button.delete {
		-webkit-appearance: none !important;
		font-size:13px !important;
	}
	
	#editUrlBtn, #editUrlBtnDiv {
		left: 72px !important;
		
	}
	#uploadFileBtn, #uploadFileBtnDiv {
		left: 10px !important;
	} 

	#talkAreaDiv {
		right: 10px !important;
	}
	#selectDiv {
		left: 10px !important;
	}
	
	#inputmetaarea .metaCondition {
		max-width: 165px;
	}
	select option{
	background:#FFFFFF !important;
	color:#323232;
	width:165px;
	white-space: pre-wrap
}