/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./scss/entries/index.scss ***!
  \**************************************************************************************************************************************************************************/
.btn-blue {
  background-color: #0071e3;
  color: #fff; }

.btn-red {
  background-color: #fa243c;
  color: #fff; }

.btn-green {
  background-color: #0c9d46;
  color: #fff; }

.btn-yellow {
  background-color: #ff9300;
  color: #fff; }

.btn > svg {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1rem;
  height: 1rem;
  margin-right: 4px; }

.white-space {
  white-space: nowrap; }
  .white-space:after {
    content: '\00a0'; }

.detail-image-wrapper {
  width: 80%;
  margin-top: 5%;
  margin-bottom: 5%;
  margin-right: auto;
  margin-left: auto; }

.detail-description-wrapper {
  width: 80%;
  height: 50%;
  margin-top: 20%; }

.thumbnail-large {
  width: 100%;
  height: 100%; }

.thumbnail-mini {
  width: 100%;
  height: 100%;
  cursor: pointer;
  user-select: none; }
  .thumbnail-mini:focus, .thumbnail-mini--selected {
    border-width: 4px;
    border-style: solid;
    border-color: gold;
    outline: none; }

.watermark {
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end; }
  .watermark > img {
    margin-right: 1rem; }
  .watermark > span {
    font-size: 1rem;
    margin-right: 1rem; }

.row-toolbar {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.row-footer {
  margin-top: 1rem; }

.fullscreen {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

img.qr-code {
  width: 60%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.thumbnail-mini-margin-bottom {
  margin-bottom: 6rem; }

img.system-image {
  width: 60%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.hidden-md.hidden-lg img.system-image {
  width: 80%; }


/*# sourceMappingURL=index.css.map*/