/* custom admonition */
:root {
  --md-admonition-icon--alert-circle-check: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.7 18.6v-1l1.1-.8c.1-.1.2-.2.1-.3l-1-1.7c0-.1-.2-.1-.3-.1l-1.2.5c-.3-.2-.6-.4-.9-.5l-.2-1.3c0-.1-.1-.2-.2-.2h-2c-.2 0-.3.1-.3.2l-.2 1.3c-.3.2-.5.3-.8.5l-1.2-.5c-.1 0-.2 0-.3.1l-1 1.7c0 .1 0 .2.1.3l1.1.8v1l-1.1.8c-.1.1-.2.2-.1.3l1 1.7c.1.1.2.1.3.1l1.2-.5c.2.2.5.4.8.5l.2 1.3c.1.1.2.2.3.2h2c.1 0 .2-.1.2-.2l.2-1.3c.3-.2.5-.3.8-.5l1.2.4c.1 0 .2 0 .3-.1l1-1.7c.1-.1.1-.2 0-.2l-1.1-.8m-3.7.9c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5M11 18c0-3.9 3.1-7 7-7 2 0 3.7.8 5 2.1V4c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h9.3c-.8-1.1-1.3-2.5-1.3-4M3 4h18v3H3V4z"/></svg>')
}
.md-typeset .admonition.alert-circle-check,
.md-typeset details.alert-circle-check {
  border-color: rgb(43, 155, 70);
}
.md-typeset .alert-circle-check > .admonition-title,
.md-typeset .alert-circle-check > summary {
  background-color: rgba(43, 155, 70, 0.1);
  border-color: rgb(43, 155, 70);
}
.md-typeset .alert-circle-check > .admonition-title::before,
.md-typeset .alert-circle-check > summary::before {
  background-color: rgb(43, 155, 70);
  color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--alert-circle-check);
          mask-image: var(--md-admonition-icon--alert-circle-check);
}

/* over-ride nav color */
.md-header {
  /*background-color: #141414;*/
  background-color: #f1a627;
}
/* over-ride active link color */
.md-typeset a, .md-nav__link--active {
  /*color:  #f1a627;*/
}

/* scale the GPayments logo */
img[src="images/gp_logo_about_011221.svg"] {
    max-width: 40%;
}

/* scale the AS logo */
img[src$="images/as_icon_011221.svg"] {
  transform: scale(1.5);
}

/**
Make the container wider
 */
.md-grid {
    max-width: 73rem;
}
@media only screen and (min-width: 76.25em) {
    .md-sidebar--secondary {
        margin-left: 73rem;
    }
}


@font-face {
  font-family: sawarabi-gothic-regular;
  src: url("../fonts/SawarabiGothic-Regular.ttf");
}

body, input {
  font-family: sawarabi-gothic-regular, serif
}


/* Footer underneath the text "Copyright © 2018 GPayments Pty Ltd. All rights reserved." */
.md-footer-meta {
    background-color: black !important;
    padding-bottom: 5px;
}

/* Custom styles to override MkDocs defaults and enhance theme */

/* Unordered list <ul> symbols:
 * - level 2 is hollow circle
 * - level 3 is filled square
 * - ul default is filled disc (bullet)
 */
article ul ul {
    list-style-type: circle !important;
}

article ul ul ul {
    list-style-type: square !important;
}

.mdc-select {
  height: 90% !important;
  margin-top: 3px;
  margin-right: 10px;
}

.md-vertical-align-middle {
  vertical-align: middle !important;
}

.mdc-select__native-control, .mdc-select__selected-text {
    height: 38px !important;
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    top: 8px !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: white;
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: white !important;
    font-size: 15px;
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch {
    border-color: white !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-color: white !important;
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading {
    border-color: white !important;
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: white !important;
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: white !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: white !important;
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 15px !important;
    margin-top: 15px;
}

.mdc-menu .mdc-list-item {
    font-size: 18px !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    font-size: 15px !important;
    color: white !important;
    transform: translate(0, -10px);
}

@media only screen and (max-width: 900px) {
    .version-select {
        display: none !important;
    }

    .language-select {
        display: none !important;
    }
}

@media only screen and (min-width: 900px) {
  .language-nav {
    display: none !important;
  }

  .version-nav {
    display: none !important;
  }
}

/*pdf*/

/* pdf watermark */
@media print {
    /*This is a known issue for WeasyPrint where table gets cut off in the first page*/
    .md-typeset table:not([class]) {
        display: block;
        border: none;
    }

    /*Fix formatting issues with the table*/
    table {
        table-layout: fixed;
        width: 100%;
    }

    td {
        word-break: break-word;
        white-space: pre-line;
    }
}

@page {
    size: a4 portrait;
    margin: 25mm 10mm 15mm 10mm;
    counter-increment: page;
    counter-reset: none;
  font-family: sawarabi-gothic-regular, "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre;
    color: grey;

    @bottom-left {
        /*\00A9 is the copyright mark*/
        content: 'Copyright \00A9 2026 GPayments Pty Ltd. All rights reserved.';
        font-size: 8px;
    };
    /*NOTE: Injected by gulpfile*/
    @bottom-center {
      content: 'ActiveServer バージョン: V3.2.0 | ドキュメント バージョン: V3.2.0:1';
        font-size: 8px;
    }
  /*@bottom-right {*/
  /*    content: 'Page ' counter(page);*/
  /*    font-size: 8px;*/
  /*}*/
    /*@top-left {*/
    /*    content: url("../images/logo-with-text-small.png");*/
    /*}*/
    @top-right {
        content: string(chapter);
        font-size: 10px;
    }
}

@page horizontal {
    size: A4 landscape;
    font-size: 1vw;
    margin: 25mm 10mm 15mm 10mm;
    counter-increment: page;
    counter-reset: none;
  font-family: sawarabi-gothic-regular, "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre;
    color: grey;

    @bottom-left {
        /*\00A9 is the copyright mark*/
        content: 'Copyright \00A9 2026 GPayments Pty Ltd. All rights reserved.';
        font-size: 8px;
    };
    @bottom-center {
      content: 'ActiveServer バージョン: V3.2.0 | ドキュメント バージョン: V3.2.0:1';
        font-size: 8px;
    }
  /*@bottom-right {*/
  /*    content: 'Page ' counter(page);*/
  /*    font-size: 8px;*/
  /*}*/
    /*@top-left {*/
    /*    content: url("../images/logo-with-text-small.png");*/
    /*}*/
    @top-right {
        content: string(chapter);
        font-size: 10px;
    }
}

.pdf-landscape {
    page: horizontal;
}


.md-typeset .admonition, .md-typeset details {
  font-size: .70rem;
}

.mdc-menu-surface--open {
  max-height: 160px !important;
}