/*
# Copyright (c) 2017 LINE Corporation
# These sources are released under the terms of the MIT license: see LICENSE
*/

/* https://stackoverflow.com/questions/5379752/css-style-external-links */
a[rel]:after {
  content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
}

.auto-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
}

.service-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
}

[v-cloak] {
  display: none;
}

.dl-horizontal {
  word-wrap: break-word;
}

/* https://stackoverflow.com/a/30702646 */

.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand>img {
  height: 100%;
  padding: 5px; /* firefox bug fix */
  width: auto;
}

.promgen-disabled {
  text-decoration: line-through;
  color: #777;
  opacity: 0.65;
}

.promgen-clause {
  word-break: break-word;
  font-family: monospace;
}

/* silence-create-modal */
.promgen-labels-list {
  padding: 10px 5px;
  min-height: 116px;
  border-radius: 8px 0px 0px 0px;
  margin-left: 0px;
  background: #F9F9F9;
}

.promgen-label-target {
  height: 32px;
  border-radius: 4px;
  color: #000000;
  border: 0.5px solid #3269BC;
  background: #F1F6FF;
  padding: 0px 10px;
  margin-bottom: 10px;
}

.promgen-label-target > span {
  display: inline-block;
  vertical-align: middle;
}

.promgen-label-target:hover {
  text-decoration: none !important;
  color: #000000;
}

.promgen-label-close {
  font-size: 20px;
  margin-left: 10px;
  margin-top: -2px;
  color: #aaaaaa;
  cursor: pointer;
}

.promgen-silence-matcher-truncate {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* service-detail */
.promgen-flex-space-between-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* service-action-button-group */
.service-action-button-group {
  hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .dropdown-menu > li > form > button {
    padding: 3px 20px;
    white-space: nowrap;
    background: none;
    border: none;
  }
}

/* Margin Top */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margin Bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margin Left (Bootstrap 4) */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

/* Margin Right (Bootstrap 4) */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }