html, body {
    height: 100%;
    overflow: hidden;
}
body {
    font-size:14px;
}

/* マウスポインター　指マーク */
.yubi {
  cursor : pointer;
}

.readonly {
  pointer-events: none;
}
.button.readonly {
  opacity:.65;
}
textarea.readonly {
  pointer-events: auto !important;
}

/* placefolde IE対応 */
.form.ui :-ms-input-placeholder{
  color: rgba(191, 191, 191, 0.87) !important;
}

/* 文字　はみ出し ... */
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.literal{
  padding: .67857143em 1em;
}

/* 表示位置 */
.tr {
  position: absolute;
  top: 10px;
  right: 10px;
}

#content_body{
  opacity: 0;
  position:absolute;
  top:70px;
  left:10px;
  right:10px;
  bottom:50px;
  overflow:auto;
}

footer{
  position:absolute !important;
  bottom:0px !important;
  left:10px !important;
  right:10px !important;
}

.flex{
  display: flex;
}
.flex-center{
  display: flex;
  align-items: center;
}

.pa {
  position: absolute;
}

.no_padding{
  padding: 0px !important;
}

.pull-right {
  float: right;
}

/* 色定義 */
.blue-text{
  color : #0000ff /*#2196f3*/ !important;
}
.green-text{
  color : #119a35 /*#4caf50*/ !important;
}
.amber-text{
  color : #FF9900 /*#ffc107*/ !important;
}
.purple-text{
  color : #9c27b0 !important;
}
.red-text{
  color : #ff0000 /*#f44336*/ !important;
}
.black-text{
  color: black !important;
}
.teal-text{
  color : #009688 !important;
}
.brown-text{
  color: #d67c1c !important;
}
.pink-text{
  color: #ff6ebf !important;
}
.saturday{
  background: #e3f2fd !important;
}
.sunday{
  background: #ffebee !important;
}

#header .item.active{
  color: palegreen !important;
}

#header .item.alert{
  color : #ffcc80 !important;
}

/* senmatic customize */
.fields{
  margin: 5px 0px !important;
}
.ui.form input[type=checkbox]{
    vertical-align: middle !important;
}
.ui.parts, .ui.checkbox{
  padding: 0.678571em 1em;
}
.ui.mini.button{
  padding: 0.7em 1em !important;
}

/* pickadate customize */
.datepicker{
  width:170px !important;
}
.timepicker{
  width:100px !important;
}
.picker__table td {
  padding: 5px !important;
}
.scheduleBox{
  border-bottom: inset 1px rgba(100,100,100,0.1);
  background: linear-gradient(to bottom right, rgba(70,70,70,0), rgba(70,70,70,0) 60%, rgba(70,70,70,0.1));
}
.scheduleBox:hover{
  background: rgba(0,0,0,0.1);
}

/*文字数カウンター*/
/* chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .chklen{
    color: red;
    float:right;
  }
}
/* IE */
@media all and (-ms-high-contrast:none){
  .chklen{
    color: red;
  }
}

/* 一覧 選択可能行 */
.select_row:hover {
  background: rgba(0,0,0,0.1);
  text-decoration: none;
  cursor : pointer;
}
.select_row_highlight{
  background: rgba(100,100,255,0.2);
  text-decoration: none;
  cursor : pointer;
}
.select_row_highlight:hover {
  background: rgba(100,100,255,0.3);
  text-decoration: none;
  cursor : pointer;
}

/* 一覧行選択 */
.row_selected{
  background: rgba(0,0,0,0.2) !important;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* クリップアイコン */
i.icon.paperclip:before {
  content: "\f0c6";
}