/*
                                            _..._
                                         .-'_..._''.           _______
          /|                           .' .'      '.\          \  ___ `'.             /|
          ||                          / .'                      ' |--.\  \            ||
          ||        .-,.--.          . '                        | |    \  '           ||        .-,.--.
    __    ||  __    |  .-. |    __   | |      8          __     | |     |  '    __    ||  __    |  .-. |    __
 .:--.'.  ||/'__ '. | |  | | .:--.'. | |              .:--.'.   | |  2  |  | .:--.'.  ||/'__ '. | |  | | .:--.'.
/ |   \ | |:/`  '. '| |  | |/ |   \ |. '             / |   \ |  | |     ' .'/ |   \ | |:/`  '. '| |  | |/ |   \ |
`" __ | | ||     | || |  '- `" __ | | \ '.          .`" __ | |  | |___.' /' `" __ | | ||     | || |  '- `" __ | |
 .'.''| | ||\    / '| |      .'.''| |  '. `._____.-'/ .'.''| | /_______.'/   .'.''| | ||\    / '| |      .'.''| |
/ /   | |_|/\'..' / | |     / /   | |_   `-.______ / / /   | |_\_______|/   / /   | |_|/\'..' / | |     / /   | |_
\ \._,\ '/'  `'-'`  |_|     \ \._,\ '/            `  \ \._,\ '/             \ \._,\ '/'  `'-'`  |_|     \ \._,\ '/
 `--'  `"                    `--'  `"                 `--'  `"               `--'  `"                    `--'  `"


  Purpose: To extend Windows 7 aesthete from 7.css v0.17.0 - https://khang-nd.github.io/7.css
  Author: Tabitha
  Date: Oct 17, 2024
  Version: 1.1

*/



:root{
    --primary-color: #022d8a;
}

p a {
    text-decoration: underline;
}

button a,
.title-bar-text a,
.main-window .status-bar a {
    color: inherit;
    text-decoration: none;
}


.title-bar-text select{
    font-size: 10px;
    padding: 0px 20px 0px 3px;
    vertical-align: bottom;
}

.title-bar-text select:not([multiple]):focus {
    outline-offset: -1px;
}

button a {
    position: relative;
    line-height: 20px;
    display: block;
}

button a:empty {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

button a:hover,
button a:focus {
    color: inherit;
    text-decoration: none;
}

ul [role=menuitem].has-divider img {
    top: calc(50% - 2px);
}



.combobox.up button > * {
    display: inline-block;
    transform: rotate(-180deg);
    line-height: 21px;
}
.combobox.up button img {
    vertical-align: middle;
}

.combobox.up button,
.combobox.up button:before,
.combobox.up button:after {
    border-radius: var(--border-radius);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.combobox.up button {
    transform: rotate(180deg);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat,linear-gradient(to top,var(--button-face) 45%,var(--button-shade-light) 45%,var(--button-shade-dark)) ;
}

.combobox.up button:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat,linear-gradient(to top,var(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%,#a7d9f5);
}

.combobox.up button:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+") 50% no-repeat,linear-gradient(to top,#e5f4fc,var(--button-face-active) 30% 50%,var(--button-shade-light-active) 50%,#68b3db);
}






.title-bar-text img {
    height: 15px;
    vertical-align: text-top;
}


.title-bar-controls button.is-close,
.title-bar-controls button[aria-label=Close] {
    min-width: 42px;
}

fieldset legend {
    padding-left: 2px;
    padding-right: 2px;
}

fieldset.etch {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-radius: unset;
}

fieldset.etch legend {
    padding-left: 0;
    padding-right: 6px;
}

.instruction {
    margin-top: 4px;
    line-height: 1.3;
    margin-bottom: 16px;
}
.instruction ~ p,
[role="tabpanel"] p:not(:last-child) {
    margin-bottom: 10px;
}

.window-body.has-space {
    padding: 10px;
}



.window footer,
.window-footer {
    //box-shadow: 0 0 0 1px #c7cfd8;
}


.window-body > section.field-row,
footer > section.field-row,
section.field-row.tab-end {
    justify-content: flex-end;
}

.tabs [role=tabpanel]:has(.tab-end) > *:last-child {
    margin-bottom: auto;
}

.tabs fieldset:has(#download-history) {
    display: flex;
    flex-flow: column;
    overflow: hidden;
    padding-bottom: 0;
    flex: 1;
}


.tabs fieldset:has(#download-history) form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.tabs fieldset:has(#download-history) form label {
    margin-left: 3px;
}


#download-history {
    position: relative;
    max-width: 100%;
    overflow-y: scroll;
    margin-top: 10px;
}

#download-history li {
    display: flex;
    flex-flow: row nowrap;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
}
#download-history:hover li:not(:hover) {
    opacity: 0.5;
}
#download-history li a {
    width: 64px;
    text-align: right;
    padding-right: 4px;
}


#download-history li span {
    flex: 1;
    overflow: hidden;
}

footer.clear > button {
    float: right;
    z-index: 3;
}

[role="menubar"] {
    border-bottom: 1px solid #abb8c9;
}

ul.tree-view {
    box-sizing: unset;
}

ul.tree-view a {
    color: var(--link-color);
}

ul.tree-view.has-collapse-button summary:before{
    top: calc(var(--treeview-square-size) / 2) !important;
    text-align: right !important;
}

ul.tree-view.has-connector ul:before {
height: calc(100% - calc(var(--treeview-square-size) + 10px));
}



.window[role=dialog]:has([role=tabpanel]:target) {
    opacity: 1;
    visibility: visible;
}






.clear
{
    zoom: 1;
}
.clear:after
{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.title-bar-controls {
    margin-left: auto;
}

.breadcrumb {
    width: 100%;
    height: 25px;

}
.breadcrumb img {
    height: 100%;
    /*filter: blur(10px) contrast(20px);*/
}


.item {
    cursor: pointer;
    position: relative;
}

.item:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #b8d6fb;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #fcfcfe, #f9fafe, #f6f8fe, #f2f7fd, #eef5fd);
    opacity: 0;
    transition: all 0.9s ease !important;
    transform: translateZ(0);
}

.item:hover:after {
    opacity: 1;
}

.status-bar-field:first-child{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.status-bar-field:last-child:not(:only-child) {
    flex-grow: unset;
    margin-right: 4vw;
    white-space: nowrap;
}

.status-bar-field img {
    vertical-align: text-bottom;
    margin-right: 4px;
}



.window[role=dialog]{
    left: unset;
    top: unset;
    transform: unset;

    width: 90vw;
}

.error-active .window[role=dialog].error {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}



.with-icon > img {
    float: left;
    max-width: 32px;
    margin-right: 10px;
}
.with-icon.medium > img {
    max-width: 50px;
}
.with-icon.large > img {
    max-width: 80px;
}
.with-icon > img + * {
    overflow: auto;
}

.note:not(:only-child :first-child):before,
details.chevron summary + *:before {
    box-shadow: inset 0 1px #00000026, inset 0 -1px #fff;
    /*box-shadow: inset 0 1px #0000004d,inset 0 -1px #fff;*/
    content: "";
    display: block;
    height: 2px;
    margin: 10px -10px;
}

details.chevron>summary {
    cursor: pointer;
    display: block;
    line-height: 23px;
}

details.chevron>summary:before {
    content:url('../assets/chevron.png');
    height: 19px;
    width: 19px;
    border: none;
    position: unset;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    transition: none;
}
details.chevron[open]>summary:before {
    transform: rotate(-180deg);
}


/*

#total-pdf + * {
//align-self: flex-start;

}
*/