/* F7 variables override */
:root {
    --f7-block-margin-vertical: 16px;
    --f7-block-padding-horizontal: 8px;
    --f7-block-padding-vertical: 8px;
    --f7-list-margin-vertical: 10px;
    --f7-list-item-padding-horizontal: 5px;
    --f7-list-item-min-height: 30px;
    --f7-list-item-title-font-size:15px
}

/* Page width */
.page-content {
    max-width: 900px;
    margin:auto;
}

/* remove border under links on list */
.links-list a:after {
    background-color: transparent !important
}

/* Search button for input */
.input-search-button {
    position: absolute;
    top: 50%;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    z-index: 1;
    cursor: pointer;
    width: var(--f7-input-clear-button-size);
    height: var(--f7-input-clear-button-size);
    margin-top: calc(-1 * var(--f7-input-clear-button-size)/ 2);
    right: 10px;
    height: var(--f7-input-clear-button-size);
    width: var(--f7-input-clear-button-size);
    background-color: var(--f7-input-clear-button-color);
    -webkit-mask: url("data:image/svg+xml;charset=UTF8;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIG92ZXJmbG93PSJhdXRvIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgYmFzZVByb2ZpbGU9InRpbnkiIHNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGQ9Ik0xMTUyIDcwNCBRMTE1MiA4ODkgMTAyMC41IDEwMjAuNSBRODg5IDExNTIgNzA0IDExNTIgUTUxOSAxMTUyIDM4Ny41IDEwMjAuNSBRMjU2IDg4OSAyNTYgNzA0IFEyNTYgNTE5IDM4Ny41IDM4Ny41IFE1MTkgMjU2IDcwNCAyNTYgUTg4OSAyNTYgMTAyMC41IDM4Ny41IFExMTUyIDUxOSAxMTUyIDcwNCB6IE0xNjY0IC0xMjggUTE2NjQgLTE4MCAxNjI2IC0yMTggUTE1ODggLTI1NiAxNTM2IC0yNTYgUTE0ODIgLTI1NiAxNDQ2IC0yMTggTDExMDMgMTI0IFE5MjQgMCA3MDQgMCBRNTYxIDAgNDMwLjUgNTUuNSBRMzAwIDExMSAyMDUuNSAyMDUuNSBRMTExIDMwMCA1NS41IDQzMC41IFEwIDU2MSAwIDcwNCBRMCA4NDcgNTUuNSA5NzcuNSBRMTExIDExMDggMjA1LjUgMTIwMi41IFEzMDAgMTI5NyA0MzAuNSAxMzUyLjUgUTU2MSAxNDA4IDcwNCAxNDA4IFE4NDcgMTQwOCA5NzcuNSAxMzUyLjUgUTExMDggMTI5NyAxMjAyLjUgMTIwMi41IFExMjk3IDExMDggMTM1Mi41IDk3Ny41IFExNDA4IDg0NyAxNDA4IDcwNCBRMTQwOCA0ODQgMTI4NCAzMDUgTDE2MjcgLTM4IFExNjY0IC03NSAxNjY0IC0xMjggeiIgcGF0aExlbmd0aD0iMCIgZmlsbD0iV2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTcxNDI4MywgLTAuNTcxNDI3NSkgc2NhbGUoMC4wMDg5Mjg1NzIsIC0wLjAwODkyODU3MikgdHJhbnNsYXRlKDAsIC0xNTM2KSIgLz4NCjwvc3ZnPg==") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=UTF8;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIG92ZXJmbG93PSJhdXRvIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgYmFzZVByb2ZpbGU9InRpbnkiIHNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGQ9Ik0xMTUyIDcwNCBRMTE1MiA4ODkgMTAyMC41IDEwMjAuNSBRODg5IDExNTIgNzA0IDExNTIgUTUxOSAxMTUyIDM4Ny41IDEwMjAuNSBRMjU2IDg4OSAyNTYgNzA0IFEyNTYgNTE5IDM4Ny41IDM4Ny41IFE1MTkgMjU2IDcwNCAyNTYgUTg4OSAyNTYgMTAyMC41IDM4Ny41IFExMTUyIDUxOSAxMTUyIDcwNCB6IE0xNjY0IC0xMjggUTE2NjQgLTE4MCAxNjI2IC0yMTggUTE1ODggLTI1NiAxNTM2IC0yNTYgUTE0ODIgLTI1NiAxNDQ2IC0yMTggTDExMDMgMTI0IFE5MjQgMCA3MDQgMCBRNTYxIDAgNDMwLjUgNTUuNSBRMzAwIDExMSAyMDUuNSAyMDUuNSBRMTExIDMwMCA1NS41IDQzMC41IFEwIDU2MSAwIDcwNCBRMCA4NDcgNTUuNSA5NzcuNSBRMTExIDExMDggMjA1LjUgMTIwMi41IFEzMDAgMTI5NyA0MzAuNSAxMzUyLjUgUTU2MSAxNDA4IDcwNCAxNDA4IFE4NDcgMTQwOCA5NzcuNSAxMzUyLjUgUTExMDggMTI5NyAxMjAyLjUgMTIwMi41IFExMjk3IDExMDggMTM1Mi41IDk3Ny41IFExNDA4IDg0NyAxNDA4IDcwNCBRMTQwOCA0ODQgMTI4NCAzMDUgTDE2MjcgLTM4IFExNjY0IC03NSAxNjY0IC0xMjggeiIgcGF0aExlbmd0aD0iMCIgZmlsbD0iV2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTcxNDI4MywgLTAuNTcxNDI3NSkgc2NhbGUoMC4wMDg5Mjg1NzIsIC0wLjAwODkyODU3MikgdHJhbnNsYXRlKDAsIC0xNTM2KSIgLz4NCjwvc3ZnPg==") no-repeat 50% 50%;
}

.accordion-item-content .list > ul {
    background-color: transparent
}

/* Barcode button for input */
.input-barcode-button {
    position: absolute;
    top: 50%;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    z-index: 1;
    cursor: pointer;
    width: var(--f7-input-clear-button-size);
    height: var(--f7-input-clear-button-size);
    margin-top: calc(-1 * var(--f7-input-clear-button-size)/ 2);
    right: 10px;
    background-color: var(--f7-input-clear-button-color);
    -webkit-mask: url("data:image/svg+xml;charset=UTF8;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIG92ZXJmbG93PSJhdXRvIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgYmFzZVByb2ZpbGU9InRpbnkiIHNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGQ9Ik02MyAwIEwwIDAgTDAgMTQwOCBMNjMgMTQwOCBMNjMgMCB6IE0xMjYgMSBMOTQgMSBMOTQgMTQwOCBMMTI2IDE0MDggTDEyNiAxIHogTTIyMCAxIEwxODkgMSBMMTg5IDE0MDggTDIyMCAxNDA4IEwyMjAgMSB6IE0zNzcgMSBMMzQ2IDEgTDM0NiAxNDA4IEwzNzcgMTQwOCBMMzc3IDEgeiBNNTM0IDEgTDQ3MiAxIEw0NzIgMTQwOCBMNTM0IDE0MDggTDUzNCAxIHogTTY2MCAxIEw2MjkgMSBMNjI5IDE0MDggTDY2MCAxNDA4IEw2NjAgMSB6IE03MjMgMSBMNjkyIDEgTDY5MiAxNDA4IEw3MjMgMTQwOCBMNzIzIDEgeiBNNzg2IDEgTDc1NSAxIEw3NTUgMTQwOCBMNzg2IDE0MDggTDc4NiAxIHogTTk0MyAxIEw4ODAgMSBMODgwIDE0MDggTDk0MyAxNDA4IEw5NDMgMSB6IE0xMTAwIDEgTDEwMzcgMSBMMTAzNyAxNDA4IEwxMTAwIDE0MDggTDExMDAgMSB6IE0xMjI2IDEgTDExNjMgMSBMMTE2MyAxNDA4IEwxMjI2IDE0MDggTDEyMjYgMSB6IE0xMzUyIDEgTDEyODkgMSBMMTI4OSAxNDA4IEwxMzUyIDE0MDggTDEzNTIgMSB6IE0xNDQ2IDEgTDEzODMgMSBMMTM4MyAxNDA4IEwxNDQ2IDE0MDggTDE0NDYgMSB6IE0xNjM1IDEgTDE1NDEgMSBMMTU0MSAxNDA4IEwxNjM1IDE0MDggTDE2MzUgMSB6IE0xNjk4IDEgTDE2NjYgMSBMMTY2NiAxNDA4IEwxNjk4IDE0MDggTDE2OTggMSB6IE0xNzkyIDAgTDE3MjkgMCBMMTcyOSAxNDA4IEwxNzkyIDE0MDggTDE3OTIgMCB6IiBwYXRoTGVuZ3RoPSIwIiBmaWxsPSJXaGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwgMC41NzE0Mjk2KSBzY2FsZSgwLjAwODkyODU3MiwgLTAuMDA4OTI4NTcyKSB0cmFuc2xhdGUoMCwgLTE1MzYpIiAvPg0KPC9zdmc+") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=UTF8;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIG92ZXJmbG93PSJhdXRvIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgYmFzZVByb2ZpbGU9InRpbnkiIHNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxwYXRoIGQ9Ik02MyAwIEwwIDAgTDAgMTQwOCBMNjMgMTQwOCBMNjMgMCB6IE0xMjYgMSBMOTQgMSBMOTQgMTQwOCBMMTI2IDE0MDggTDEyNiAxIHogTTIyMCAxIEwxODkgMSBMMTg5IDE0MDggTDIyMCAxNDA4IEwyMjAgMSB6IE0zNzcgMSBMMzQ2IDEgTDM0NiAxNDA4IEwzNzcgMTQwOCBMMzc3IDEgeiBNNTM0IDEgTDQ3MiAxIEw0NzIgMTQwOCBMNTM0IDE0MDggTDUzNCAxIHogTTY2MCAxIEw2MjkgMSBMNjI5IDE0MDggTDY2MCAxNDA4IEw2NjAgMSB6IE03MjMgMSBMNjkyIDEgTDY5MiAxNDA4IEw3MjMgMTQwOCBMNzIzIDEgeiBNNzg2IDEgTDc1NSAxIEw3NTUgMTQwOCBMNzg2IDE0MDggTDc4NiAxIHogTTk0MyAxIEw4ODAgMSBMODgwIDE0MDggTDk0MyAxNDA4IEw5NDMgMSB6IE0xMTAwIDEgTDEwMzcgMSBMMTAzNyAxNDA4IEwxMTAwIDE0MDggTDExMDAgMSB6IE0xMjI2IDEgTDExNjMgMSBMMTE2MyAxNDA4IEwxMjI2IDE0MDggTDEyMjYgMSB6IE0xMzUyIDEgTDEyODkgMSBMMTI4OSAxNDA4IEwxMzUyIDE0MDggTDEzNTIgMSB6IE0xNDQ2IDEgTDEzODMgMSBMMTM4MyAxNDA4IEwxNDQ2IDE0MDggTDE0NDYgMSB6IE0xNjM1IDEgTDE1NDEgMSBMMTU0MSAxNDA4IEwxNjM1IDE0MDggTDE2MzUgMSB6IE0xNjk4IDEgTDE2NjYgMSBMMTY2NiAxNDA4IEwxNjk4IDE0MDggTDE2OTggMSB6IE0xNzkyIDAgTDE3MjkgMCBMMTcyOSAxNDA4IEwxNzkyIDE0MDggTDE3OTIgMCB6IiBwYXRoTGVuZ3RoPSIwIiBmaWxsPSJXaGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwgMC41NzE0Mjk2KSBzY2FsZSgwLjAwODkyODU3MiwgLTAuMDA4OTI4NTcyKSB0cmFuc2xhdGUoMCwgLTE1MzYpIiAvPg0KPC9zdmc+") no-repeat 50% 50%;
}

/* Styles for button icons */
.qw-button-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px;
}
.qw-button-icon-inverted:after {
    filter: invert(100%);
}

.qw-button-icon-left {
    padding-left: 35px;
}

.qw-button-icon-left:after {
    left: 5px;
}

.qw-button-icon-right {
    padding-right: 35px;
}

.qw-button-icon-right:after {
    right: 5px;
}

.qw-button-icon-top {
    padding-top: 35px;
    height: 71px !important;
}

.qw-button-icon-top:after {
    top: 5px;
}

/* Ridefinizione dei font jqWidgets */
.jqx-widget-content {
    font-family: var(--f7-font-family);
}

.jqx-widget {
    font-family: var(--f7-font-family);
}

/* Ridefinizione del contenitore dei tab per togliere i margini che sono già presenti negli elementi di Framework7 */
.jqx-tabs-content-element {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden
}

/* Ridefinizione dello stile dell'header dei notebook */
.jqx-tabs-title-energyblue {
    font-size: 15px
}
.jqx-tabs-title-selected-top-energyblue {
    font-weight: bold
}

.jqx-tabs-title-office {
    font-size: var(--f7-list-font-size);
    font-family: font-family: var(--f7-font-family);
}

.jqx-tabs-title-selected-top-office {
    font-weight: bold
}

/* Ridefinizione dello stile dell'header grid */
.jqx-grid-column-header {
    font-weight: bold
}

/* jqxScrollView */
.jqx-scrollview-button
{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    background-color: #aaaeaf !important    
}

.jqx-scrollview-button-selected
{   
    background-color: #4d90fe !important    ;
}

.jqx-tree {
    padding-top:2px;
    padding-bottom: 2px
}

.jqx-tree-item {
    padding:0px
}
.jqx-tree-item-li {
    margin:1px
}

.jqx-scrollview {
    background-color: transparent;
}

.jqx-listbox-container {
  z-index:99999 !important
}

.jqx-menu-wrapper {
  z-index:99998 !important
}