@charset "UTF-8";
body {
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: normal; }

@media all and (-ms-high-contrast: none) {
  body {
    font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif; } }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit; }

.main-header .logo {
  font-family: inherit;
  font-weight: normal; }

.datepicker {
  font-size: 13px; }

.datepicker td,
.datepicker th {
  width: 32px; }

.tooltip {
  opacity: 1; }

.text-danger {
  color: #dd4b39; }

.has-error .form-control,
.has-error .input-group .input-group-addon {
  border-color: #dd4b39;
  box-shadow: none; }

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #fcf8e3; }

.table > tbody > tr.active:hover > td,
.table > tbody > tr.active:hover > th,
.table > tbody > tr:hover > td.active,
.table > tbody > tr:hover > th.active {
  background-color: #fcf8e3; }

.btn-primary-hover:hover {
  background-color: #367fa9 !important; }

/* ============================
 util module
==============================*/
.u_mtNone {
  margin-top: 0 !important; }

.u_mbNone {
  margin-bottom: 0 !important; }

.u_mt5 {
  margin-top: 5px !important; }

/* ============================
 component expand
==============================*/
.main-header .logo {
  line-height: 1;
  padding: 10px; }

.main-header .logo .logo-mini,
.main-header .logo .logo-lg {
  height: 100%; }

.main-header .logo .logo-mini img,
.main-header .logo .logo-lg img {
  height: 100%;
  width: auto;
  vertical-align: top; }

.m-tooltip .fa {
  color: #999; }

.tooltip.top-left,
.tooltip.top-right,
.tooltip.bottom-left,
.tooltip.bottom-right {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  margin-bottom: 0; }

.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  margin-top: 0; }

.box-header.box-header-s {
  line-height: 1; }

.box-header.box-header-s .box-title {
  font-size: 1.5rem; }

.box-caption.with-border {
  border-bottom: 1px solid #f4f4f4; }

.box-caption {
  color: #444;
  display: block;
  padding: 10px;
  position: relative; }

.box-body > .table-responsive > .table {
  margin-bottom: 0; }

.alert .icon + h1 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0; }

.table > thead > tr > th {
  white-space: nowrap; }

.label-danger2 {
  background-color: #fff;
  border: 1px #dd4b39 solid;
  color: #dd4b39 !important; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  word-break: keep-all;
  vertical-align: middle; }

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.help-block.has-error,
.has-error .m-radio-icon,
.has-error .m-checkbox-icon {
  color: #dd4b39; }

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #dd4b39;
  box-shadow: none; }

.help-block.is-radio,
.help-block.is-checkbox {
  padding-left: 1.35em; }

.control-label .m-tooltip {
  margin-left: 2px; }

.control-label .label {
  padding: .2em .4em .2em;
  font-size: 70%;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1; }

.modal-footer .btn + .m-copyBtn {
  margin-bottom: 0;
  margin-left: 5px; }

.table-hasBtn {
  text-align: center;
  white-space: nowrap; }

.nav-tabs--page-tab {
  border-bottom-color: #aaa;
  margin-bottom: 20px; }

.nav-tabs--page-tab > li.active > a,
.nav-tabs--page-tab > li.active > a:focus,
.nav-tabs--page-tab > li.active > a:hover {
  background-color: #ecf0f5;
  border-top: 3px #00a65a solid;
  border-left-color: #aaa;
  border-right-color: #aaa;
  font-weight: bold; }

/* ============================
 add modules
==============================*/
.m-lineTalk {
  position: relative;
  height: 100%;
  background: url("../img/common/line_talk/line_bg.png") repeat-y;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  text-align: left; }

.m-lineTalk-header,
.m-lineTalk-footer {
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto; }

.m-lineTalk-header {
  top: 0;
  background-image: url("../img/common/line_talk/line_header.png"); }

.m-lineTalk-footer {
  bottom: 0;
  background-image: url("../img/common/line_talk/line_footer.png"); }

.m-lineTalk-body {
  padding-bottom: 40px;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #fff; }

.m-lineTalk-body::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

.m-lineTalk-body::-webkit-scrollbar-track {
  background-color: transparent; }

.m-lineTalk-body::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 3px solid #7293be; }

.m-lineTalk-body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.m-lineTalk-body::-webkit-scrollbar-corner {
  background-color: transparent; }

.m-lineTalk-body-header {
  text-align: center;
  margin-bottom: 6px;
  line-height: 1; }

.m-lineTalk-body-footer {
  text-align: center;
  margin-top: 6px; }

.m-lineTalk-body-btn {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px rgba(255, 255, 255, 0.5) solid; }

.m-lineTalk-body-btn:hover {
  opacity: 0.7;
  color: #fff; }

.m-lineTalk-body-chatStart {
  position: relative;
  margin-bottom: 10px;
  line-height: 1;
  white-space: nowrap; }

.m-lineTalk-body-chatStart:before, .m-lineTalk-body-chatStart:after {
  content: "";
  height: 1px;
  width: 35%;
  background-color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  vertical-align: middle; }

.m-lineTalk-body-chatStart:before {
  left: 0;
  margin-right: 1em; }

.m-lineTalk-body-chatStart:after {
  right: 0;
  margin-left: 1em; }

.m-lineTalk-body-notification {
  position: absolute;
  z-index: 8;
  left: 0;
  bottom: 0;
  margin: 0;
  line-height: 1.2; }

.m-lineTalk-body-notification > span {
  vertical-align: middle; }

.m-lineTalk-body-notification > span:last-child {
  font-size: 8px; }

.m-lineTalk-messages {
  position: relative;
  padding: 8px; }

.m-lineTalk-message {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 12%; }

.m-lineTalk-message.is-sender {
  flex-direction: row-reverse;
  margin-right: 0;
  margin-left: 12%; }

.m-lineTalk-message:last-child {
  margin-bottom: 2px; }

.m-lineTalk-message-avatar {
  overflow: hidden;
  min-width: 25px;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background-color: #ccc; }

.m-lineTalk-message-avatar > img {
  width: 100%;
  height: auto;
  display: block; }

.m-lineTalk-message-body {
  line-height: 1; }

.m-lineTalk-message-dateTime {
  align-self: flex-end;
  font-size: 10px;
  transform: scale(0.8);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  margin-left: 5px;
  margin-bottom: 0.1em; }

.m-lineTalk-message.is-sender .m-lineTalk-message-dateTime {
  text-align: right;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  margin-left: 0;
  margin-right: 5px; }

.m-lineTalk-message-dateTime-date {
  min-width: 4.3em;
  margin-bottom: 0; }

.m-lineTalk-message-dateTime-time {
  min-width: 3em;
  margin-top: 0.2em;
  margin-bottom: 0; }

.m-lineTalk-message-text,
.m-lineTalk-message-audio,
.m-lineTalk-message-location,
.m-lineTalk-message-json {
  background-color: #fff;
  color: #333;
  border-radius: 12px;
  padding: 8px;
  min-height: 27px;
  margin-left: 5px;
  line-height: 1.4;
  font-size: 10px; }

.m-lineTalk-message.is-sender .m-lineTalk-message-text, .m-lineTalk-message.is-sender
.m-lineTalk-message-audio, .m-lineTalk-message.is-sender
.m-lineTalk-message-location, .m-lineTalk-message.is-sender
.m-lineTalk-message-json {
  background-color: #85e249;
  margin-left: 0; }

.m-lineTalk-message-text a,
.m-lineTalk-message-audio a,
.m-lineTalk-message-location a,
.m-lineTalk-message-json a {
  text-decoration: underline; }

.m-lineTalk-message-text {
  white-space: pre-wrap; }

.m-lineTalk-message-json {
  overflow: hidden;
  background-color: #ddd;
  color: #333; }

.m-lineTalk-message-line-sticker {
  width: 100px;
  margin-left: 5px; }

.m-lineTalk-message.is-sender .m-lineTalk-message-line-sticker {
  margin-left: 0; }

.m-lineTalk-message.is-image .m-lineTalk-message-body,
.m-lineTalk-message.is-video .m-lineTalk-message-body {
  flex: 1; }

.m-lineTalk-message-image {
  margin-left: 2px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  color: #333; }

.m-lineTalk-message-image > a:hover {
  opacity: 0.7; }

.m-lineTalk-message.is-sender .m-lineTalk-message-image {
  margin-left: 0; }

.m-lineTalk-message-video {
  margin-left: 2px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  color: #333; }

.m-lineTalk-message-video > a {
  position: relative;
  display: block; }

.m-lineTalk-message-video > a[href]:hover {
  opacity: 0.7; }

.m-lineTalk-message-video > a[href]:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  background-color: rgba(0, 0, 0, 0.4); }

.m-lineTalk-message.is-sender .m-lineTalk-message-video {
  margin-left: 0; }

.m-lineTalk-message-video-play {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  font-size: 35px;
  width: 35px;
  height: 35px;
  color: #fff;
  text-align: center; }

.m-lineTalk-message-audio > a {
  color: inherit;
  text-decoration: none; }

.m-lineTalk-message-audio > a:hover {
  opacity: 0.7; }

.m-lineTalk-message-audio-play {
  font-size: 23px; }

.m-lineTalk-message-location {
  line-height: 1.25; }

.m-lineTalk-message-location > a {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none; }

.m-lineTalk-message-location > a:hover {
  opacity: 0.7; }

.m-lineTalk-message-location .fa-map-marker {
  display: none;
  font-size: 23px;
  margin-right: 0.3em; }

.m-lineTalk-message-location-title {
  font-weight: bold;
  margin-bottom: 0.25em; }

.m-lineTalk-message-location-address {
  margin-bottom: 0;
  opacity: .8; }

.m-lineTalk-message.is-imagemap {
  display: block;
  margin-left: 0;
  margin-right: 0; }

.m-lineTalk-message.is-imagemap .m-lineTalk-message-avatar {
  display: none; }

.m-lineTalk-message.is-imagemap .m-lineTalk-message-body {
  overflow: hidden; }

.m-lineTalk-message.is-imagemap .m-lineTalk-message-dateTime {
  display: block;
  width: auto;
  text-align: right;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  margin-left: 0;
  margin-bottom: 0; }

.m-lineTalk-message.is-imagemap .m-lineTalk-message-dateTime > p {
  display: inline-block;
  margin-left: 0.4em; }

.m-lineTalk-message-imagemap {
  width: 100%; }

.m-lineTalk-quick-reply {
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  padding: 0 10px;
  color: #fff;
  text-align: center;
  list-style: none;
  white-space: nowrap;
  overflow-x: scroll; }

.m-lineTalk-quick-reply > span {
  display: inline-block;
  margin-right: 5px;
  padding: 7px;
  border-radius: 14px;
  background: #00000045;
  font-size: 10px;
  cursor: pointer; }

.m-lineTalk-quick-reply > span:hover {
  background: #00000070; }

.m-lineTalk--chat .m-lineTalk-body::-webkit-scrollbar {
  width: 15px;
  height: 15px; }

.m-lineTalk--chat .m-lineTalk-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border-width: 4px; }

.m-lineTalk--chat .m-lineTalk-body-header {
  margin-bottom: 12px; }

.m-lineTalk--chat .m-lineTalk-body-footer {
  margin-top: 10px; }

.m-lineTalk--chat .m-lineTalk-body-chatStart {
  margin-top: 10px;
  margin-bottom: 22px;
  font-size: 16px; }

.m-lineTalk--chat .m-lineTalk-messages {
  padding: 16px; }

.m-lineTalk--chat .m-lineTalk-message {
  margin-bottom: 20px; }

.m-lineTalk--chat .m-lineTalk-message:last-child {
  margin-bottom: 4px; }

.m-lineTalk--chat .m-lineTalk-message-avatar {
  border-radius: 25px;
  min-width: 40px;
  width: 40px;
  height: 40px; }

.m-lineTalk--chat .m-lineTalk-message-dateTime {
  font-size: 11px;
  transform: scale(1);
  margin-left: 8px;
  margin-bottom: 0.3em; }

.m-lineTalk--chat .m-lineTalk-message.is-sender .m-lineTalk-message-dateTime {
  margin-left: 0;
  margin-right: 8px; }

.m-lineTalk--chat .m-lineTalk-message-text,
.m-lineTalk--chat .m-lineTalk-message-audio,
.m-lineTalk--chat .m-lineTalk-message-location {
  padding: 10px 14px;
  border-radius: 20px;
  font-size: 14px;
  margin-left: 12px;
  min-height: 40px; }

.m-lineTalk--chat .m-lineTalk-message-audio-play {
  font-size: 30px; }

.m-lineTalk--chat .m-lineTalk-message-location > a .m-lineTalk-message-location-content {
  text-decoration: underline; }

.m-lineTalk--chat .m-lineTalk-message-location .fa-map-marker {
  display: block;
  font-size: 30px; }

.m-lineTalk--chat .m-lineTalk-message-line-sticker {
  margin-left: 12px; }

.m-lineTalk--chat .m-lineTalk-message-image {
  margin-left: 8px;
  border-radius: 8px; }

.m-lineTalk--chat .m-lineTalk-message-video {
  margin-left: 8px;
  border-radius: 8px; }

.m-lineTalk--chat .m-lineTalk-message-video-play {
  width: 50px;
  height: 50px;
  font-size: 50px;
  margin: -25px 0 0 -25px; }

.m-lineTalk--chat .m-lineTalk-message-imagemap .m-imagemap {
  border-radius: 8px; }

.m-lineTalk--chat .m-lineTalk-message.is-image .m-lineTalk-message-body,
.m-lineTalk--chat .m-lineTalk-message.is-video .m-lineTalk-message-body {
  max-width: 350px; }

.l-csContent {
  display: flex; }

.l-csContent-main {
  flex: 1; }

.l-csContent-side {
  width: 250px;
  margin-left: 10px; }

.m-chat {
  display: flex;
  flex-direction: column; }

.m-chat-logs {
  flex: 1;
  overflow: hidden; }

.m-chat-controller {
  overflow: hidden; }

.l-bot-table-apply-label-2 {
  width: 60px !important; }

.l-bot-table-apply-label-3 {
  width: 70px !important; }

.l-bot-table-ope-buttons-2 {
  width: 110px !important; }

.l-bot-table-ope-buttons-3 {
  width: 150px !important; }

.m-bot-reply-text {
  white-space: pre-wrap; }

.m-bot-reply-create {
  background-color: #dff0d8 !important; }

.m-bot-reply-update {
  background-color: #fcf8e3 !important; }

.m-bot-reply-delete {
  background-color: #f2dede !important; }

.l-table-fixed-header-wrap {
  height: 600px; }

.l-table-fixed-header > thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff; }

.box-header > h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0; }

.box-body h3 {
  font-size: 18px;
  margin-top: 10px;
  /* font-weight: bold; */ }

.m-noData {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }

.m-radioDetail {
  margin-top: 3px;
  padding-left: 20px; }

.help-block {
  color: #dd4b39 !important; }

/* ============================
 vue style
==============================*/
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fade-enter-active, .fadeIn,
.fade-leave-active, .fadeOut {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fade-enter-active, .fadeIn {
  animation-name: fadeIn; }

.fade-leave-active, .fadeOut {
  animation-name: fadeOut; }

.fadeDown-enter-active, .fadeInDown,
.fadeDown-leave-active, .fadeOutDown {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeDown-enter-active, .fadeInDown {
  animation-name: fadeInDown; }

.fadeDown-leave-active, .fadeOutDown {
  animation-name: fadeOutDown; }

.fadeDownBig-enter-active, .fadeInDownBig,
.fadeDownBig-leave-active, .fadeOutDownBig {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeDownBig-enter-active, .fadeInDownBig {
  animation-name: fadeInDownBig; }

.fadeDownBig-leave-active, .fadeOutDownBig {
  animation-name: fadeOutDownBig; }

.fadeLeft-enter-active, .fadeInLeft,
.fadeLeft-leave-active, .fadeOutLeft {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeLeft-enter-active, .fadeInLeft {
  animation-name: fadeInLeft; }

.fadeLeft-leave-active, .fadeOutLeft {
  animation-name: fadeOutLeft; }

.fadeLeftBig-enter-active, .fadeInLeftBig,
.fadeLeftBig-leave-active, .fadeOutLeftBig {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeLeftBig-enter-active, .fadeInLeftBig {
  animation-name: fadeInLeftBig; }

.fadeLeftBig-leave-active, .fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

.fadeRight-enter-active, .fadeInRight,
.fadeRight-leave-active, .fadeOutRight {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeRight-enter-active, .fadeInRight {
  animation-name: fadeInRight; }

.fadeRight-leave-active, .fadeOutRight {
  animation-name: fadeOutRight; }

.fadeRightBig-enter-active, .fadeInRightBig,
.fadeRightBig-leave-active, .fadeOutRightBig {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeRightBig-enter-active, .fadeInRightBig {
  animation-name: fadeInRightBig; }

.fadeRightBig-leave-active, .fadeOutRightBig {
  animation-name: fadeOutRightBig; }

.fadeUp-enter-active, .fadeInUp,
.fadeUp-leave-active, .fadeOutUp {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeUp-enter-active, .fadeInUp {
  animation-name: fadeInUp; }

.fadeUp-leave-active, .fadeOutUp {
  animation-name: fadeOutUp; }

.fadeUpBig-enter-active, .fadeInUpBig,
.fadeUpBig-leave-active, .fadeOutUpBig {
  animation-duration: 0.2s;
  animation-fill-mode: both; }

.fadeUpBig-enter-active, .fadeInUpBig {
  animation-name: fadeInUpBig; }

.fadeUpBig-leave-active, .fadeOutUpBig {
  animation-name: fadeOutUpBig; }

[v-cloak] {
  visibility: hidden; }

.v-move {
  transition: transform .2s; }

.warning-text {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 12px;
  color: #ff0000;
  margin: 3px 0 0 5px; }