@charset "utf-8";

.borderbox {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
}


/*
 * message
 * position: fixed
 * z-index: 100
 * background: rgba(239,239,239,0.8);
 */

/*[data-r-field="message_section"] {
  position: fixed;
  z-index: 120;
  left: 50%;
  top: 25%;
  width: 50%;
  overflow: hidden;
  padding: 0px;
  margin-left:-25%;
}
*/
[data-r-field="message_section"] {
  position: fixed;
  z-index: 120;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  padding: 0px;
}

/*
 * background: rgba(0,0,0,0.8);
 * border-bottom: 1px solid rgba(0,0,255,0.8);
 * color: #ffffff;
 */

[data-r-field="message_section"] [data-r-field="message"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
  background: rgba(239, 239, 239) url(images/close.png) 99% 50% no-repeat;
  border: 1px solid rgba(207, 207, 239, 0.9);
  margin: 2px;
  border-radius: 5px;
  color: #534680;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 30px;
  cursor: pointer;
}

[data-r-field="message_section"] [data-r-field="error"] {
  border: 1px solid rgba(239, 107, 107, 0.9);
  color: #804653;
}


/*
 * debug
 */

.rune_debug_section {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 100;
  padding: 0px;
}

.rune_debug {
  background: #000000;
  border-bottom: 1px dashed #999999;
  color: #ffffff;
  padding: 5px 30px;
}

.rune_debug:after {
  content: '';
  clear: both;
  display: block;
}


.rune_loading_section {
  position: absolute;
  left: 0px;
  top: 0px;
}

.rune_loading_section .sec_loading {
  position: absolute;
  left: 0px;
  /*top: 0px;*/
  width: 100%;
  height: 100%;
  z-index: 110;
}

.rune_loading_section .icon_loading {
  margin: 0 auto;
  border-radius: 24px;
  width: 48px;
  height: 48px;
  background: #ffffff url(images/loading.gif) center center no-repeat;
}


/*
 * widget
 */

[data-r-role="link"],
[data-r-role="button"],
[data-r-role="btn"] {
  cursor: pointer;
}

.rune_cursor_pointer {
  cursor: pointer;
}


/* .rune_field_error {
    background: rgba(255, 0, 0, 0.5);
} */