/*
 * ガジェット(gadget)ライブラリ用css
 * http://www.sofnec.co.jp
 *
 */

div.gadget {
  background: #d0aaff;
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 600px;
  height: 100px;
  z-index: 1000;
  display: none;
}
div.gadget div.titlebar {
  background: #aaaaff;
  cursor: move;
}
.titlebar_btn {
  cursor: default;
}
div#gadget_talkscr {
  height: 175px;
  border: solid 15px #fff;
}

div#gadget_mecab {
  top   : 5px;
  bottom: auto;
  left  : 5px;
  right : auto;
  width : 600px;
  height: auto;
  border: solid 5px #fff;
}

.sub_window {
  z-index: 2000;
}
 // Drag And Move .drag-and-drop {
 cursor: move;
 position: absolute;
 z-index: 1000;
}
 // input[type='date']の見た目をCSSで変更する .lbl_calendar {
 position: relative;
 display: inline-block;
 width: 250px;
 height: 36px;
 border: 2px solid #ccc;
 border-radius: 15px;
}
input[type="date"] {
	position: relative;
	padding: 0 10px;
// width: 200px;
// height: 36px;
// border: 0;
	background: transparent;
	box-sizing: border-box;
	font-size: 14px;
// color: #999;
}
.lbl_calendar::before {
	position: absolute;
	content: "";
	top: 0;
	right: 15px;
	width: 36px;
	height: 36px;
	background-color: #06c;
// background-image: url("icon_calendar.png");
// background-image: url("/css/icon/calendar_a.png");
// background: url("/css/images/pixicus/calendar.png") no-repeat;
	background-image: url("/css/icon/calendar_a.png");
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
	pointer-events: none;
}
input[type="date"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button {
 -webkit-appearance: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
 position: absolute;
 right: 0px;
 top: 0px;
 padding: 0;
 width: 36px;
 height: 36px;
 //background: rgba(255, 0, 0, 0.5);
// 一旦背景色を付けて、見やすくします  background: transparent;
 color: transparent;
 cursor: pointer;
}
/***************************************
 jQuery UI datepicker: カレンダー
 2017/10/02: tokioka
****************************************/
/* カレンダーボタンの位置を調整 */
.ui-datepicker-trigger {
// position: relative;
//absolute;
// top: 0px;
// right: 22px;
	position: absolute;
	top: 8px;
	right: 22px;
}
/*.jq-ui-calendar {
  width: 120px
}*/

.text_with_calendar_btn {
	position: absolute;
	top: 8px;
	right: 22px;
	cursor: default;
	pointer-events: none;
}

.selectedcal a {
  background: #ffc0cb !important;
}

.unselectedcal a {
  background: #f6f6f6 !important;
  color: #000000  !important;
}

/***************************************
 テキストボックスに実行ボタンを追加
 2017/10/03: tokioka
****************************************/
.text_with_exec_btn {
	position: absolute;
	top: 6px;
	right: 50px;
	/* z-index: 9000; ダイアログ系より前に出てしまうので変更した */
	z-index: 1000;
}
/***************************************
 テキストボックスにクリアボタンを追加
 2017/10/03: tokioka
****************************************/
.text_with_clear_btn {
	position: absolute;
	top: 8px;
	right: 20px;
	/* z-index: 9000; ダイアログ系より前に出てしまうので変更した */
	z-index: 1000;
}

/***************************************
 「最上部へ移動」アイコン用
 2017/10/03: tokioka
****************************************/
.icon_to_top {
	position: absolute;
//relative;
	right: 80px;
}

/**
***  2020-06-11 ChatUrl 
***/
div.gadget_chaturl {
  background: #dddddd;
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 350px;
  height: 350px;
  z-index: 1000;
  display: none;
}
div.gadget_chaturl div.titlebar {
  /* background: #aaaaff; */
  background: #dddddd;
  cursor: move;
}

div.gadget_chaturl_table {
    overflow:hidden auto;
    width: 350px;
    height: 320px;
}


div.gadget_img {
  background: #dddddd;
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 550px;
  height: 550px;
  z-index: 1000;
  display: none;
}
div.gadget_img div.titlebar {
  /* background: #aaaaff; */
  background: #dddddd;
  cursor: move;
}

div.gadget_img_table {
    overflow:hidden auto;
    width: 550px;
    height: 520px;
}