/**
Make the container wider
 */
.md-grid {
    max-width: 73rem;
}

@media only screen and (min-width: 76.25em) {
    .md-sidebar--secondary {
        margin-left: 73rem;
    }
}

/**.md-typeset iframe, .md-typeset img, .md-typeset svg {
    //max-width: 50%;
} */

img[src="images/logo-with-text.png"] {
    max-width: 50%;
}

img[src="images/gp-logo.png"] {
  max-width: 25%;
}

/* 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;
}


/* permissions icons */
/************************************************************************/

.material-icons.role-sys {
    color: rgba(3, 169, 244, 1);
}

.material-icons.role-iss {
    color: rgba(63, 81, 181, 1);
}

.material-icons.role-it {
    color: rgba(142, 36, 170, 1.0);
}

.material-icons.role-member {
    color: rgba(67, 160, 71, 1.0);
}

.material-icons.role-bus {
    color: rgba(255, 152, 0, 1);
}

.material-icons.role-help {
    color: rgba(244, 67, 54, 1);
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.50);
}

.material-icons.md-light {
    color: rgba(0, 0, 0, 0.30);
}

.material-icons.md-blue-light {
    color: rgba(33, 150, 243, 1);
}


.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* pdf watermark */
@media print {
    #watermarkx {
        display: block;
        width: 100%;
        position: fixed;
        top: 97%;
        z-index: 5;
    }
    /*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 {
        white-space: pre-line;
    }
}


p.print {
    color: #ABABAB;
    font-size: 60%;
}

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

    @bottom-left {
        /*\00A9 is the copyright mark*/
        content: 'Copyright \00A9 2019 GPayments Pty Ltd. All rights reserved.';
        font-size: 8px;
    };
    /*NOTE: Injected by gulpfile*/
    @bottom-center {
        content: 'Release Date: 09/10/2019 | AA Ver: 8.0.2 | Doc Ver: 8.0.2:2';
        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: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre;
    color: grey;

    @bottom-left {
        /*\00A9 is the copyright mark*/
        content: 'Copyright \00A9 2019 GPayments Pty Ltd. All rights reserved.';
        font-size: 8px;
    };
    /*NOTE: Injected by gulpfile*/
    @bottom-center {
        content: 'Release Date: 09/10/2019 | AA Ver: 8.0.2 | Doc Ver: 8.0.2:2';
        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;
}

/*version selection dropdown*/
.mdc-select {
    height: 90% !important;
    /*margin-top: 10px;*/
    /*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: 18px !important;
    color: white !important;
    transform: translate(0, -10px);
}

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

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