/*+@filter "CSS" */
/* global colours */
body {
    --light: #ffffff;
    --pale: #d3dde6;
    --dark: #003e7e;
    --black: #000000;
    --white: #ffffff;
    --complement: #72b566;

    --menu-bg: #ffffff;
    --menu-fg: #000000;
    --highlight-bg: #003e7e;
    --highlight-fg: #ffffff;

    --option-bg: #ffffff;
    --option-fg: #000000;
    --option-disabled: #808080;

    --selected-bg: #d3dde6;
    --selected-fg: #000000;

    --border: #aaaaaa;
    --input-radius: 0px;
    --input-border: #999999;

    --error-bg: #ff8888;
    --error-fg: black;

    --font-size: 14px;
    --font-normal: Helvetica, Verdana, Arial, sans-serif;
    --font-explain: Arial, sans-serif;
}


/* stylee.css */
body {
    font-size: var(--font-size);
}

.apps a[href], 
.apps a[href]:visited,
.languages a[href], 
.languages a[href]:visited,
.admin a[href], 
.admin a[href]:visited {
    color: #0000ee;
}

div.EWarehouse,
div.Warehouse {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

div.EWarehouse > *,
div.Warehouse > * {
    text-align: left;
}


.header {
    font-size: 1.1em;
    font-family: var(--font-normal);
    padding: 0 0.2em;
}

.footer,
.footer-txt {
    border: none;
    text-align: center;
}

pre.text {
    text-align: left;
    border: none;
    white-space: pre;
    font-family: monospace;
    font-size: 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none; 
    user-select: none;
    padding-left: .2em;
    padding-right: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.dw-pre-text {
    text-align: left;
    font-family: monospace;
    font-size: 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.dw-pre-text span {
    white-space: pre;
}


#display_doc {
	height: 100%;
	margin: 0 auto;
	text-align: center;
}



/* ---------------------------------------------------------  */
.fieldname {
    font-weight: bold;
}

.lang-fr .fieldname::after {
    content: "\00a0";
}

.Doc.item.fields {
    font-size: 0.8em;
}

.Doc.item.fields .significant {
    font-size: 1.25em;
}

td.Empty {
    padding-left: 0.5em;
}

th.item,td.item {
    padding: 0 0.2em 0 0.2em;
}


.Doc td.operations {
    width: 6em;
}

.Doc a.operation {
    /*width: 15em; */
}

a.sub-operation.indented {
    margin-left: 1em;
}

a.sub-operation.disabled {
    font-style: italic;
}

.Doc th.item {
    /* border: 1px solid grey; */
    background-color: #dddddd;
}
.Doc td.N {
    font-weight: bold;
    font-size: 1.1em; 
    padding: 0 0.5em 0 0.5em;
    width: 16px;
}

[id=search-results-inner] tr.current td.field-N,
.Doc.current td.N.item {
    background-color: #72b566 !important;
}

XX.Doc.current td.item {
    background-color: #d3dde6;
}

.Doc.hover td.item {
    background-color: #dddddd;
}

.Doc.hover td.N0,
.Doc td.N0 {
    background-color: #939393; /* !important; */
}
.Doc.hover td.N1,
.Doc td.N1 {
    background-color: #b7b7b7; /* !important; */
}

tr.item td {
    border-bottom: solid 1px #aaaaaa;
}

tr:last-child.item td {
    border-bottom: none;
}

tr.Empty td.Empty {
    border-bottom: none;
}

td.Doc-item-N0-N {
    font-weight: bold;
    font-size: 1.1em; 
    padding: 0 0.5em 0 0.5em;
    color: black;
    background-color: #939393;
}
td.Doc-item-N1-N {
    font-weight: bold;
    font-size: 1.1em; 
    padding: 0 0.5em 0 0.5em;
    color: black;
    background-color: #b7b7b7;
}
.results td.header {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
 
.results td.footer {
    padding: 0 0.5em 0.1em 0.5em;
    /* font-weight: bold; */
}


td.operations {
    text-align: center;
	/* this line-height makes sure operation <A>s are as close together as
	   possible in mozilla */
	line-height: 0.1em;
}

td.Doc-item-operations {
    background-color: #dddddd;
}

a.operation {
    text-decoration: none;
    display: block;
}

.Warehouse a.operation,
.EWarehouse a.operation {
    display: inline;
}

.Doc a.operation {
    white-space: nowrap;
}

.Warehouse a.operation,
.EWarehouse a.operation {

}

.Warehouse .footer > .footer,
.EWarehouse .footer > .footer,
.footer-operations {
    line-height: 1.5em;
    background-color: #dddddd;
    border: 1px solid black;
    border-top: none;
}

.footer .footer .Pager {
    line-height: 1em;
}
.footer .Pager th {
    white-space: pre;
}

.footer .footer table.Pager {
    line-height: 1em;
}


.MSIE .Warehouse .footer > .footer,
.MSIE .EWarehouse .footer > .footer,
.MSIE .footer-operations {
    margin-top: 2px;
    border-top: 1px solid black;
}

.Warehouse .footer .boxpager,
.EWarehouse .footer .boxpager,
.Warehouse .footer .boxpagerON, 
.EWarehouse .footer .boxpagerON,
.Warehouse .footer .boxpagerOFF, 
.EWarehouse .footer .boxpagerOFF {
    background-color: transparent;
}




.appheader .button {
    border: none;
    cursor: pointer;
    padding-right: 0.2em;    
    font-size: 0.5em;
}

table.appheader {
    /* margin-top: 0; */
    padding-left: 1em;
/* adding margin-bottom causes a space to appear ABOVE the table in NS 4.77 */
    /* margin-bottom: 0.5em; */
}

td.appheader {
    /* font-weight: bold; */
    font-family: var(--font-normal);
    font-size: 1.2em;
}

.appheader .text {
    line-height: normal;
}

/* ---------------------------------------------------------  */
/* this table is the page buttons */
table.itempager,
.itempagerON,
.itempagerOFF,
.Pager-itempager,
.Pager-itempagerON,
.Pager-itempagerOFF,
.Pager-boxpager,
.Pager-boxpagerON,
.Pager-boxpagerOFF {
    font-style: normal;
    font-weight: bold;
    padding: 0;
}


/* List of items at the bottom of a search result */
/* Goes in "Footer" */
th.itempager {
    background-color: inherit !important;
    padding: 0.1em 0.8em 0.1em 0.8em;
    font-style: italic;
}
 
td.itempager {
    font-weight: bold;
}
 
.itempager a {
    padding: 0.1em 0.5em 0.1em 0.5em;
    text-align: center;
    background-color: white;
}
 
/* we are on this page */
.itempagerON {
    padding: 0.1em 0.5em 0.1em 0.5em !important;
}
 
a.itempager {
    text-decoration: none;
}
a.boxpager {
    text-decoration: none;
}

a.itempager:hover {  
    background-color: #d3dde6;
}         

a.boxpager:hover {  
    background-color: #dddddd;
}         

a.boxpager {
    text-decoration: none;
}

ul#admin {
    margin-top: 0;
}


/* new-stylee.css */
body {
    background-color: #003e7e;
    color: white;
    margin: 0;
    padding: 0;
}

body.homepage .content {
    height: 100%;
}

table.languages,
table.apps {
    background-color: #d3dde6;
    text-align: left;
    margin: 0 auto;
    color: black;
}
table.admin {
    background-color: #d3dde6;
    text-align: left;
    color: black;
}

table.admin .icon,
table.admin .split-icon,
table.languages .icon,
table.apps .icon {
    background-color: #003e7e;
}

table.admin .icon {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
}

table.admin .split-icon {
    padding-left: 5px;
    padding-right: 5px;
}

table.admin .app {
    padding-left: 5px;
    padding-right: 5px;
}

table.admin hr.app {
    color: white;
    border: 1.5px solid white;
    padding: 0;
    margin: 2px;
}


.languages tr.first .icon,
.apps tr.first .icon {
    /* background-image: url('images/rtop.png'); */
    background-repeat: no-repeat;
    background-position: left top;
}

.languages tr.last .icon,
.apps tr.last .icon {
    /* background-image: url('images/rbottom.png'); */
    background-repeat: no-repeat;
    background-position: left bottom;    
}


.icon .icon {
    color: #000000;
    text-align: center;
    vertical-align: bottom;
    font-family: var(--font-normal);
    font-size: 12px;
    font-weight: bold;
}



.appheader .button {
    border: none;
    cursor: pointer;
    background-color: #003e7e;
    color: white;
    padding-right: 0.2em;    
    font-size: 0.5em;
}

div.appheader {
    font-family: var(--font-normal);
    font-size: 20px;
    color: white;
    background-image: url('images/header-bg.png');
    background-repeat: repeat-x;
    height: 50px;
}

.appheader .text {
    padding-top: 18px;
    margin-left: 18px;
}

.ext-gecko .appheader .text {
    padding-top: 14px;
}

.ext-gecko2 .appheader .text {
    padding-top: 18px;
}

div.appbuttons {
    text-align: right;
    float: right;
    display: block;
    padding-top: 13px;
    padding-right: 13px;
}

div.around_content {
    position: absolute;
    top: 50px;
    left: 13px;
    right: 13px;
    bottom: 13px;
}

div.content {
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    background-color: white;
    color: #000000 !important;
    padding-left: 5px;
    padding-right: 5px;
    /* Prevent Moz Win from puting annoying little spaces above content */
    border: 0 white solid;
}

div.content > div {
    /* margin-right: 5px; */
    margin-bottom: 0;
    padding-bottom: 0;
}

.MSIE form > table {
    margin-top: 0;
    margin-bottom: 1em;
}

div.content .boxsection td,
div.content .boxsection th,
div.content .box td,
div.content .box th {
    color: #000000 !important;
}

div.content th.groupheader,
div.content th.gridheader,
div.content th.boxheader {
    color: white !important;
    background-color: #003e7e;
}

.boxsection td.value {
    height: 1.3em;
    line-height: 1em;
}

.widescreen .Dialog table.box,
.widescreen .Dialog table.box div.actions {
    min-width: 600px;
}

.widescreen tr.used_by > td {
    min-width: calc( 600px - 2px );
}

.widescreen select.search,
.widescreen select.doc_type {
    width: 420px;
}

.widescreen .words input {
    width: calc( 420px - 6px );     
    /* 6px = 5px padding+1px border.  Why not -12px?  I dunno */
}


.widescreen .list.Group select.first,
.widescreen select.adminID {
    width: 587px;
    margin-right: 0;
}

.widescreen select.date-to,
.widescreen select.date-from,
.widescreen select.around {
    width: 132px;
    min-width: 50px;
}

.Dialog table.box {
    min-width: 600px;
}

.Dialog .actions table.box {
    min-width: 0;
}

table.Group.repositioned {
    position: absolute;
    border: 1px solid black;
}

table.Group.draggable {
    box-shadow: 15px 15px 15px -15px black;
}

table.results-footer + form.Search {
    /* added in r2456.  However it messes up the Affinez button */
    /* margin-top: -0.9em; */
}
table.results-footer + form.Search input.late-popup-button {
    float: none;
}

table.results-footer {
    /* added in r1212.  It messes up non-grid result footer */
/*    margin-top: -1em; */
}



input.late-popup-button {
    margin-top: 2px;
    margin-left: 5px;
    margin-bottom: 0;
}

div.late-popup-holder {
    float: right;
    padding: 0;
    margin: 0;
}

table.Users.Group, 
form.Dialog {
    margin-bottom: 0;
}

div.logo {
    text-align: right;
    float: right;
}

/* exceptions to above */
.Types .section table.boxsection {
    margin-bottom: 1em;
}

table.results td.Empty,
.saisie-temp-anim,
/* this is for Dialog (name=confirm) */
table.confirm,
/* This next 2 are for most cases */
.Dialog .Group .form,
.Dialog .Group .boxsection,
/* over-ride the .Users special case for the log-in page */
.Users .Auth .Group .boxsection,
/* context lock on logout message */
table.logout td.boxsection,
table.RelatedType,
.Related .boxsection td,
/* use table here if you want to exclude the bottom-margin, td if you don't */
td.Dialog table.section td,
.Dossier .boxsection,
.dw-workload .boxsection {
    background-color: #d3dde6;
}

/* header of ... everything */
table.Group td.boxheader,
table.Group td.groupheader,
table.Dialog td.boxheader,
table.Dialog td.groupheader,
div.ESearch table.results td.header,
div.Search table.results td.header,
div.Dossier table.results td.header,
div.ESearch table.simple-results td.header,
div.Search table.simple-results td.header,
div.Dossier table.simple-results td.header,
div.header,
div.groupheader, 
div.boxheader, 
div.txtheader, 
div.tifheader,
div.Group-boxheader,
div.Group-groupheader,
table.error td.errorheader,
div.Grid-boxheader {
    color: #000000;
    padding-left: 1px; /* 0.2em */
    padding-bottom: 1px;
    background-color: white;
    background-image: url('images/dialog-bar.png');
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: bottom;
}

table.error td.errorheader,
table.error .float-message-header td.errorheader {
    color: var(--error-fg) !important;
    background-color: var(--error-bg);
    background-image: none;
}

table.error td.errorheader a.close {
    border-color: var(--error-bg);
}



.MSIE .dialogheader {
    padding-bottom: 3px;
}

.MOZ .dialogheader {
    padding-bottom: 2px;
}


table.group,
table.grid,
table.Message,
table.messages,
table.errors,
table.results,
table.Dialog {
    margin-bottom: 1em;
}

tr.disabled td {
    font-style: italic;
    color: #333333;
}

.header td, 
.groupheader td,
.boxheader td,
.tifheader td,
.txtheader td {
    color: #000000 !important;
}

.confirm .boxheader td {
    color: #000000 !important;
    font-family: var(--font-normal);
    background-image: none;
}

.errorheader {
    color: #000000;
    font-size: 1.15em;
    line-height: 1.3em;
    font-family: var(--font-normal);
    padding: 0.2em;
}
.messageheader {
    color: #000000;
    font-size: 1.1em;
    line-height: 1.2em;
    font-family: var(--font-normal);
    padding: 0.2em;
}


.split-list select {
    width: 350px;
}
.split-list-JS th.ON,
.split-list-JS th.OFF {
    text-align: left;
}

div.split-item-ON {
    line-height: 1em;
    font-family: sans-serif;
    border-bottom: 1px solid #003e7e;
    margin: 0;
    padding: 0 3px;
}

td > div.ON {
    border-top: 1px solid #003e7e;
    border-left: 1px solid #003e7e;
    border-right: 1px solid #003e7e;
    background-color: #d2d2d2;
    font-size: 90%;
}



div.split-item-ON a {
    text-decoration: none;
    margin: -1em 2px 2px;
    text-align: right;
    float: right;
}

/* nifty corners */
/* http://pro.html.it/esempio/nifty/ */
Xb.rtop, Xb.rbottom {
    display: block;
    background: white;
    color: blue;
}
b.rtop b, b.rbottom b {
    display:block;
    height: 1px;
    overflow: hidden; 
    background: white;
}
b.r1 { margin: 0 5px; }
b.r2 { margin: 0 3px; }
b.r3 { margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px; }

b.rbottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}



a.mnupage {
    color: #000000;
}


.boxpager,
.itempager,
td.item,
td.Doc-item,
td.Empty-item,
table.items {
    background-color: white;
    color: #000000;
}

.Pager .boxpagerON,
.Pager .itempagerON,
.Pager .boxpagerOFF,
.Pager .itempagerOFF {
    background-color: white;
    color: #a0a0a0 !important;
}

.text .highlight {
    background-color: #00cbff;
}

a.itempager:hover, 
a.boxpager:hover {  
    background-color: #d3dde6;
}         



.options {
    color: #000000;
}







/* ----------------------------------------------------------- */
/* This is used by the mutli-field input for scanned documents */
table.barcode {
    margin-bottom: 0 !important;
}
.barcode table {
    border-collapse: collapse; 
    border-spacing: 0;
    /* border: solid red 1px; */
}
.barcode table td {
    padding: 1px 0.2em;
}


/* ----------------------------------------------------------- */
/* Used by the new admin code */
.Fields .used_by .title {
    font-weight: bold;
}

.Fields .used_by ul {
    list-style-type: none;
    border: 2px inset threedface;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 10em;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 7px;
    max-width: 35em;
    background-color: white;
    font-size: small;
}

.Fields .used_by li a {
    display: block;
}

.Fields .used_by li a:hover {
    background-color: #ffff80;
}

.Fields .fname td {
    font-weight: bold;
}



td > div.ON,
.Types .fields select {
    width: 200px;
}

form table.Aiguillage {
/*    width: 320px; */
}

.uri_explain ul {
    margin-top: 0;
    margin-bottom: 0;
}

.Aiguillage .NEW_none .value,
.Aiguillage .EID_none .value {
    font-style: italic;
}

.Aiguillage select#type {
    width: 150px;
}

.Aiguillage .sequence input {
    font-family: monospace;
}

.content.Aiguillage_view {
    background-color: #d3dde6; 
}

.Dialog .DW_Widget_Aiguillage table.box {
    /* min-width: 350px; */
}

.MultiField {
    /*width: 350px; */
    border-top: 2px inset threedface;
    border-left: 2px inset threedface;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 150px;
    background-color: #aaa;
}

.MultiFieldTitle {
    font-weight: bold;
}

.MultiField .sub-widget {
    padding: 2px;
    border-bottom: 1px solid black;
    background-color: #E0E0E0;
}

.MultiField .MultiN {
    padding-top: 2px;
    width: 1.5em;
    height: 3em;
    float: left;
    font-weight: bold;
}

textarea.Viewer {
    background-color: white;
    color: black;
    white-space: pre;
    font-family: monospace;
    border-top: 2px inset threedface;
    border-left: 2px inset threedface;
    border-bottom: none;
    border-right: none;
    font-size: 80%;
    height: 500px;
    overflow: scroll;
    resize: none;
}

div.MultiFieldViewer {
    border: 2px solid #003e7e;
/*    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; */
    box-shadow: 15px 15px 15px -15px black;
    background-color: #d3dde6;
    color: black;
    width: 200px;
}

div.MultiFieldViewer.dragging {
    box-shadow: 25px 25px 15px -15px black;
    cursor: move;
}


.MultiFieldViewer > * {
    margin-left: 2px;
    margin-bottom: 2px;
}

.MultiFieldHeader {
    background-color: #003e7e;
    display: block;
    margin: 0 0 2px 0;
    padding: 0 0 2px 0;
    text-align: right;
}

.MultiFieldCloser {
    background-color: #003e7e;
    border: 1px solid transparent;
    color: white;
    font-family: var(--font-normal);
    font-size: 0.8em;
    margin: 0 0 2px 0;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
}

a.MultiFieldCloser:hover {
    border-color: white;
}

.Aiguillage .WorkHolder {
    height: 20em;
    width: 40em;
    overflow: auto;
    border: 1px solid black;
    background-color: Window;
    padding: 0.25em;
}

.Aiguillage select#type {
    max-width: 225px;
}

#ExtConsole {
    border: 2px solid black;
    padding: 2px;
    background-color: white;
    color: black;
    font-family: monospace;
    width: 800px;
    height: 200px;
    overflow-y: scroll;
}

.Dossier .MultiField {
    height: auto;
    width: auto;
}

.Dossier .List .N div.static-text {
    display: inline;
}

.Dossier .List input.dname {
    border: 1px solid transparent;
    background-color: transparent;
}

.Dossier .List input.dname.focus,
.Dossier .List input.dname.hover {
    border: 1px solid black;
    background-color: white;
}

.Dossier tr.sub-List td {
    border-bottom: 1px solid black;
}

.Dossier tr.sub-List-over {
    background-color: white;
}

.Dossier #List td.N {
    font-family: -moz-field, sans-serif; 
    font-weight: normal;
}

.Dossier #List td.N input {
    font-size: 1em;
}

.Dossier #List td.count {
    font-style: italic;
}

.Dossier #List .button {
    text-decoration: none;
}

.Doc a.dw-dossier,
.Doc a.dw-dossier:visited {
    text-decoration: none;
    color: blue;
}

.Doc a.dw-dossier:hover {
    text-decoration: underline;
}

.Doc div.dw-dossier {
    border-top: 1px solid #AAAAAA;
    width: 50%;
}

.Doc div.dw-dossier span {
    font-style: italic;
}

.split-list-JS select {
    width: 200px;
}

.new-credentials .split-list-JS select {
    width: 350px;
}


table.actions {
    margin-left: auto;
}

input.ACTION-related,
input.ACTION-reset {
    border: none !important;
    background-color: transparent !important;
    text-decoration: underline;
    cursor: pointer;
}




/* ------------------------------------------------- */
div.JAAS-BLOCKER {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #808080;
    z-index: 3;
    display: none;
}

div.JAAS-BLOCKER-text {
    font-family: var(--font-normal);
    line-height: 1em;
    font-weight: bold;
    background-color: white;
    border: 2px solid var(--border);
    width: 300px;
    text-align: center;
    color: var(--black);
    z-index: 4;
    display: none;
    font-size: 200%;
    padding: 0.5em;
}

div.JAAS-BLOCKER-text span {
    font-size: 150%;
}



/* ------------------------------------------------- */
.PCL div.charNs {
    width: 200px;
}

.PCL div.charNs .PCL .value {
    border: 1px solid black;
    overflow: auto;

}
.PCL table.charNs .charN td {
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-family: monospace;
    text-align: right;
}

.PCL td.PCLImg {
    width: 500px;
    height: 310px;
}

.PCL div#PCLImg {
    overflow: auto;
    margin-right: 1em;
/*    border: 2px inset threedface; */
}


.PCL input#charN { 
    text-align: right;
}

.DW_Widget_PCLFont .input {
    height: 4em;
}

.DW_Widget_PCLFont .glyph {
    height: 1em;
}

.PCL div.charNs {
    height: 500px;
    overflow-y: scroll;
    width: 140px;
    margin-right: 2em;
}

.PCL table.charNs {
    border: 2px inset threedface;
    width: 125px;
}

.PCL table.charNs > tbody {
}

.PCL table.charNs th {
    border-bottom: 1px solid black;
}

.PCL table.charNs td {
    background-color: white;
    cursor: pointer;
}

.PCL table.charNs .selected td {
    background-color: #dddddd;
}

.PCL table.charNs .xlat.first td {
    border-top: 1px solid black;
}


/* --------------------------------------------------------------------- */
td.form > .actions {
    display: block;
    /* TODO : make this right justified */

    margin-top: 0.25em;
    /* align: right; */
} 

.footer-operations td {
    padding-right: 2px;
    padding-left: 2px;
}

.footer-operations td.action {
    text-align: left;
}

/* --------------------------------------------------------------------- */
.DW_Widget_Aiguillage {
    padding: 0;    
    border-spacing: 0;
}
.DW_Widget_Aiguillage td {
    padding: 0;    
    margin: 0;
}

#aiguillage-splitter:hover {
    cursor: e-resize;
}

#aiguillage-splitter-handle {
    border: 1px solid red;
    width: 10px;
    height: 30px;
}

/* --------------------------------------------------------------------- */
body.about {
    font-family: var(--font-normal);
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
}


#CONTENT-INNER {
    position: relative;
}

.index #CONTENT-INNER {
    position: static;
}

.homepage .CONTENT {
    overflow: visible;
}

.dw-ajax-loading {
    cursor: wait !important;
}

#DW-version {
    display: none;
    font-family: var(--font-normal);
    font-weight: bold;
    color: #003e7e;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 0;
    margin: 0;
}



.homepage #CONTENT {
    overflow: visible;
}




/* --------------------------------------------------------------------- */
.Dialog td.box {
    padding-left: 2px;
    vertical-align: middle;
}

.Dialog .doc_type td.title.box {
    padding-top: 2px;
    vertical-align: top;
}


/* --------------------------------------------------------------------- */
.dw-has-feedback {
    display: inline-block;
    position: relative;
}

.dw-input-feedback {
    display: inline-block;
    vertical-align: top;
}

.AROUND-Group .box .form,
.form {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
}

.AROUND-Dialog .AROUND-Group .box .form {
    padding-left: 0;
    padding-right: 0;
}


div.actions.box,
.Dashboard .actions td.actions,
.Users .actions td.actions {
    padding-top: 5px;
    padding-bottom: 5px;
}

.actions .actions .actions,
.form .form {
    padding: 0;
}


table.confirm >tbody >tr >td.form,
tr.question ~ tr > td.form {
    padding: 5px;
    text-align: right;
}

/* --------------------------------------------------------------------- */
.annotation-control {
    color: black;   
    background-color: #f5f6a8;
    text-decoration: none;
    font-family: var(--font-normal);
    padding: 0 2px;
    border: 2px solid transparent;
    font-size: 13px;
    height: 15px;
}

.annotation-control:hover {
    border: 2px solid black;
}

.annotation-closer {
    position: absolute;
    top: 0;
    right: 1px;
    z-index: 5;
}

.annotation-appender {
    position: absolute;
    bottom: 0;
    right: 1px;
}

.annotation-container {
    background-color: #f5f6a8;
    border: 1px solid #666666;
    min-width: 300px;
    max-width: 800px;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
}

.annotation-scrolled {
    overflow: auto;
    width: 100%;
    height: 100%;
}
.annotation-inside {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
}

.annotation.first {
    border-top: none;
}
.annotation {
    border-top: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.annotation .attribution {
    color: #666666;
}

.annotation div.text {
    white-space: pre-wrap;
}

.annotation-container textarea {
    border: 1px solid black;
    background-color: white;
    width: 270px;
    height: 5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

.annotation-container input {
    border-left-width: medium;
}

.annotation-container .dw-input-feedback {
    display: none;
}


.annotation-edit {
    display: none;
}

/* The spots go in this div, which is superposed onto the doc body
    (<img> or <pre>).   Each spot is then positioned with absolute,
    but still scrolls with the document. */
div#annotation-spot-holder {
    position: relative;
    left: 0;
    top: 0;
    display: none;
}

.annotation-spot {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.Aiguillage .context-menu {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
}
.Aiguillage .context-menu input.submit {
    background-color: transparent;
    background-image: none;
    border: none;
    text-align: left;
    color: black;
    font-weight: normal;
    font-style: normal;
}

.Aiguillage .context-menu input.submit:hover {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.Aiguillage .context-menu .actions input.submit.ajax,
.Aiguillage .context-menu .disabled input.submit {
    font-weight: bold;
    padding-left: 0;
}
.Aiguillage .context-menu .disabled input.submit:hover {
    text-decoration: none;
    cursor: default;
    color: black;
}

.Aiguillage .sub-actions .action .ACTION-change_fail,
.Aiguillage .sub-actions .action .ACTION-change_document {
    margin-left: 1em;
}


.Aiguillage .create .boxsection td {
    overflow: hidden;
    white-space: nowrap;
}

.Aiguillage table.Group {
    margin-bottom: 1em;
}

.Aiguillage .sub-actions {
    z-index: 1;
}

.Aiguillage #NEW option {
    white-space: pre;
    font-family: monospace;
}
table.grid th {
    background-color: #d2d2d2;
}
table.grid td.gridcell {
    background-color: white;
}
table.grid tr.odd > td {
    background-color: #dddddd;
}


.Users .grid {
    background-color: white;
}

.Users .grid td,
.Users .grid th {
    font-family: var(--font-normal);
}

.Users .grid {
    border-collapse: collapse;
    border: 0;
}
.Users .grid td {
    border: 0;
}


.UsersXXX .grid .cellC0 {
    font-weight: bold;
}

.Users .grid .jaas-grid-row-opener {
    color: red;
}

span.scrollable-grid-outer > table,
div.scrollable-grid-inner > table {
    margin-bottom: 0 !important;
}


span.scrollable-grid-outer {
    margin: 2px;
    margin-bottom: 0;
    border: 1px solid #003e7e;
}

.Users .scrollable-grid-inner {
    border-top: 1px solid #003e7e;
}

th.gridhheader,
td.gridcell {
    padding-left: 2px;
    padding-right: 2px;
}

.MSIE7 .scrollable-grid-inner table.grid {
    margin-right: 50px;
}
.MSIE7 .scrollable-grid-inner {
    overflow-x: hidden;
}
table.context-menu {
    top: 0;
    left: 0;
    position: absolute;
    min-width: 100px;
    min-height: 1em;
    border: 1px solid #DDDDDD; 
    background-color: var(--menu-bg);
    color: var(--menu-fg); 
    line-height: 1.5em; 
    padding: 0;
    box-shadow: 10px 10px 10px -10px black;
    border-spacing: 0;
}

.footer-operations table.context-menu {
    border-color: #aaaaaa;
}

table.context-menu td.item {
    background-color: var(--menu-bg);
}

.context-menu th {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background-color: #72b566;
    color: black;
}

.context-menu tr.item td {
    border-bottom: none;
}

.context-menu td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.context-menu td.action {
    margin: 0;
    text-align: left;
}
/* first line is to override the things from input-*.css */
.context-menu .action input {
    text-decoration: none;
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
}

/* this also overrides input-*.css */
.context-menu .action input:active {
    border-style: none;
}

.context-menu td:hover.action {
    background-color: var(--highlight-bg);
}

.context-menu td:hover.action a:link,
.context-menu td:hover.action a:visited,
.context-menu :hover.action input {
    color: var(--highlight-fg);
}

.context-menu input[disabled] {
    color: black;
    padding-left: 0;
    padding-right: 0;
    cursor: default;
    font-style: italic;
}

.context-menu input[disabled]:hover {
    color: black;
}

.context-menu td:hover.action.disabled {
    background-color: inherit !important;
}

.context-menu .action.disabled input:hover {
    color: inherit !important;
}

.context-menu .action a:link {
    color: var(--menu-fg);
    text-decoration: none;
}

.context-menu td:hover.action a:visited,
.context-menu td:hover.action a:link {
    color: var(--highlight-fg);
}

.context-menu td.action {
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
}

.context-menu td:hover.action {
    border-color: #DDDDDD;
    background-color: var(--highlight-bg);
    color: var(--highlight-fg);
}
.errorcontent, 
.messagecontent,
.error td,
.message td {
    color: #000000;
}

.box .boxsection input.jaas-explained {
    color: #999999;
}

table.jaas-modal {
    border-collapse: collapse;
    color: black;
}


/* context lock on logout message */
table.logout td.boxsection,
table.messages {
    border-top: #72b566 2px solid;
}

table.Message {
    border-top: #72b566 1px solid;
    border-bottom: #72b566 1px solid;
}

table.Message.jaas-floatable {
    border-top: none;
}

table.error.jaas-floatable {
    border: 1px solid black;
}

table.error,
table.jaas-floatable.box tr td.boxsection,
table.messages,
table.Message {
    background-color: #d3dde6;
    color: white;
}

table.jaas-floatable.box tr td.boxsection p,
table.jaas-floatable.box tr td.boxsection table td {
    color: black;
}


table.jaas-floatable .float-message-header td {
    color: white !important;
    padding: 0.25em 1em 0.25em 1em;
}

table.error,
table.messages,
table.jaas-floatable,
table.Message {
    margin-left: auto; 
    margin-right: auto;
    margin-bottom: 0.5em;
}

table.jaas-floatable.dragging,
table.Message.dragging {
    box-shadow: 15px 15px 15px -15px black;
    cursor: move;
}

Xtable.jaas-floatable tr.last-child td {
    padding-bottom: 0;
}

table.jaas-floatable.motd tr.last-child td p {
    margin-bottom: 0;
}

table.jaas-floatable,
.Group table.Message.jaas-floatable,
table.Message {
    /* margin-bottom: 1em; */
    box-shadow: 15px 15px 15px -15px black;
}

.Group table.Message {
    box-shadow: none;
    border-color: transparent;
}

.Group table.Message tr:first-child td {
    border-color: transparent;
}

table.jaas-floatable td,
table.errors td,
table.Message td {
    padding: 1em;
}

/* UGH this below and above aren't nice */
.form table.jaas-floatable td.box,
.form table.jaas-floatable td.box td,
.form table.jaas-floatable td.actions,
.form table.jaas-floatable td.actions td,
td.jaas-floatable table td {
    padding-top: 0;
    padding-bottom: 0;
}

table.simple-box {
    min-width: 600px;
}

table.simple-box tr,
table.simple-box td {
    margin: 0;
    border: none;
}

table.simple-box {
    padding: 0;
    margin: 0;
    background-color: #eeeeee;
    border-collapse: collapse;
}

table.jaas-floatable .float-message-header {
    background-color: #72b566;
    line-height: 17px;
    height: 5px;
    padding: 0 0 0 0.5em;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

table.jaas-floatable.jaas-error .float-message-header {
    background-color: var(--error-bg);
    color: var(--error-fg);
}


.CONTENT table.simple-box .boxheader,
table.Group .boxheader.jaas-floatable {
    background-color: #003e7e;
    color: white !important;
    font-weight: bold;
    padding: 2px 0 0 0.5em;
    margin: 0;
    text-align: left;
    background-image: none;
}

a.jaas-grid-bn.jaas-window-close { background-position: -128px 0;}
a.jaas-grid-bn.jaas-window-close:hover { background-position: -144px 0; }
a.jaas-grid-bn.jaas-window-close-white { background-position: -160px 0;}
a.jaas-grid-bn.jaas-window-close-white:hover { background-position: -176px 0;}
a.jaas-grid-bn {
    float: right;
    background: url(images/grid-bn.png) no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    display: block;
    text-decoration: none;
}

i.jaas-mobile-bn {
    float: right;
    width: 24px;
    height: 24px;
    border: none;
    display: block;
    text-decoration: none;
}

.MSIE7 table.error .errorheader td.errorheader {
    padding-top: 3px;
    padding-bottom: 3px;
}


table.Message {
    /* border: 2px solid #888888; */
    padding-bottom: 0;
}

table.Message td {
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-left-color: #72b566;
    border-right-color: #72b566;
}

table.Message tr:first-child td {
    border-color: #72b566;
}

table.Message tr.last-child td {
    border-bottom-style: solid;
    border-bottom-color: #72b566;
}


.boxheader, 
.Group-boxheader,
.Grid-boxheader,
.txtheader, 
.txtheader td, 
.tifheader, 
.tifheader td {
    /* font-weight: bold; */
    font-family: var(--font-normal);
    padding: 0.2em;
}

.boxcell {
    padding-left: 0.5em;
    padding-right: 0.5em;
}


table.jaas-floatable,
table.Message {
    /* margin-bottom: 1em; */
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 0.5em;
}


.CONTENT table.simple-box.jaas-closable .boxheader {
    background-color: #72b566;
}

table.items,
table.messages, 
table.box,
table.error {
    margin-bottom: inherit;
}

.dialog2-footer {
    height: 40px;
}

.MSIE .dialog2-footer {
    height: 60px;
}

.dialog2-footer .footer-right {
    float: right;
}
.dialog2-footer .footer-left {
    float: left;
}

/* remove an error message */
a.close {
    text-decoration: none;
    color: black !important;
    font-size: 0.8em;
    border: solid white 2px;
}

a.close:hover {
    border-color: black !important;
    background-color: black;
    color: white !important;
}

td.close {
    padding-bottom: 5px !important;
    vertical-align: top;
    text-align: right;
}


#jaas-modal-blocker {
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;

    background:rgba(128,128,128,0.4);
}

.jaas-box-actions {
    text-align: right;
}

table.jaas-floatable td.boxsection {
    cursor: auto;
}


.widescreen .Dialog table.box.jaas-floatable {
    min-width: 450px;
}
input.ACTION-no,
.actions input {
    margin-left: 0.5em;
    margin-top: 1px;
    margin-bottom: 1px;
}

div.actions td.actions.hidden {
    margin: 0;
    width: 0;
    padding: 0;
}

a.command {
    text-decoration: none;
    padding-left: 1em;
    padding-right: 1em;
}

.header .command {
    font-size: 0.83em;
    font-weight: normal;
}

.button {
    font-family: "Sans", sans-serif;
    font-size: 13px;
    background-color: ButtonFace;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: ButtonText;

    border-width: 2px;
    border-style: outset;
    border-color: ButtonFace;

    cursor: default;

    white-space: pre;
    line-height: normal;
    text-decoration: none;
}

.button.deactivated {
    font-style: italic;
}


.MOZ .button {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
    /* min-height: 33px; */
    margin-top: 1px;
    margin-bottom: 1px;
}

.MSIE .button {
    margin-top: 1px;
    margin-bottom: 1px;
}

.MOZ .grid .button {
    height: inherit;
}

.Operations-operation-button {
    font-family: sans-serif;
    background-color: #eeeeee;
    color: black;
    text-decoration: none;
}
.Operations-operation-button {
    font-family: sans-serif;
    background-color: #eeeeee;
    color: black;
    text-decoration: none;
}

.Operations.button.icon {
    text-align: left;    
}



.button:active {
    border-style: inset;
}

.button .dw-grid-icon {
    vertical-align: middle;
    display: inline-block;
}
.jaas-choisi-mirror {
    color: black;
    position: absolute;
    padding-left: 5px;
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap;
}

.jaas-choisi-mirror,
.jaas-choisi-select {
    color: black;
    font-family: var(--font-normal);
    font-size: 13px;
}

.jaas-choisi-select {
    margin-left: 3px;
    margin-top: 1px;
}

/* --------------------------------------------------------- */
/* The following is for the new user access list table thing */

span.columnar-list,
div.columnar-list {
    border: 2px inset threedface;
    display: inline-block;
}

div.columnar-list-inner {
    overflow-y: scroll;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    max-width: 800px;
}

.MSIE div.columnar-list-inner {
    padding-right: 17px;
}

table.columnar-list {
    background-color: white;
    border-collapse : collapse;
    min-width: 400px;
}

td.columnar-col {
    width: 24px;
}


.columnar-list tr > td {
    padding: 0 2px;
}

.columnar-list tr.even > td {
    background-color: #dddddd;
}

/* next rule attempts to make sure that bold doesn't change the width
   of small columns */
table.columnar-list td.columnar-name {
    min-width: 175px;
    /* this is so that we see that we can click on the label */
    cursor: pointer;
    overflow: hidden;
    height: 1em;
}

table.columnar-list td.highlight {
    font-weight: bold;
}

table.columnar-list tr.checked > td.columnar-name {
    font-weight: bold;
}

.columnar-list tr.disabled td {
    display: none;
    color: #333333 !important;
}


table.columnar-list-header {
    border-collapse : collapse;
}


.columnar-list-header td.name {
    padding: 0;
    width: 100px;
}

.columnar-list-header td.col {
    font-family: var(--font-normal);
    text-align: center;
    padding: 0;
    width: 10px;
}
#new-applications-inner {
    height: 150px;
}

/* Note that some of the style is also in jaas-box.css */

input.ERROR,
textarea.ERROR,
select.ERROR {
    box-shadow: 0 0 2px red;
}


table.errors tr.error > td {
    padding: 1em;
}


table.errors table.errors {
    border-top: var(--error-bg) 4px solid;
}


/* ----------------------------------- */
/* Style for the full-text of an error */


.full-error {
    margin-top: 1em;
    font-style: italic;
}

.full-error .text {
    white-space: pre;
    font-family: monospace;
    font-style: normal;
    border: 2px inset threedface;
    background-color: white;
    margin-right: auto;
    padding-left: 2px;
    overflow: scroll;
    max-width: 800px;
    max-height: 400px;
}

.MOZ .full-error .text {
    font-family: monospace;
}

.errorcontent pre {
    overflow: auto;
    width: 815px;
    max-height: 400px;
}

.full-error .widget a {
    text-decoration: none;
    font-weight: bold;
}

span.hidden,
table.hidden, 
.full-error .hidden {
    display: none;
}

.errorcontent .type {
    font-family: monospace;
}

table.error {
    box-shadow: 15px 15px 15px -15px black;
}

pre.perl-jaas {
    font-weight: bold;
    font-size: 120%;
}

table.error .errorheader td.errorheader {
    padding: 2px 0 0 2px;
}

/* make <i> in error text look nicer */
.error i {
    white-space: nowrap;
}


.error ul {
    margin-top: 0;
}
.jaas-explain {
    background-color: #003e7e;
    border-radius: 12px; 
    -webkit-border-radius: 12px; 
    color: white;
    cursor: default;
    display: inline;
    font-family: var(--font-explain);
    font-weight: bold;
    padding: 0 0.5em;
    margin-right: 0.5em;
}
/* ---------------------------------------------------------  */
/* Reign in the visual cancer of new browsers */
input:focus-visible, 
select:focus-visible,
select:focus,
textarea:focus-visible {
    outline-offset: 0;
    outline-color: #003e7e;
    outline-style: solid;
    outline-width: 1px;
    border-color: #003e73;
}


/* https://codepen.io/raubaca/pen/bGWmZje */


select {
    appearance: none;
    -moz-appearance: none; 
    border: 0;
    font: inherit;
    
    min-width: 200px;
    cursor: pointer;
}

select:not([size]) {
    background-color: white;
    background-image: url(images/grid-select-open.png);
    background-repeat: no-repeat;
    background-position: right 1px top 1px;
}

.MOZESR select:not([size]) {
    background-position: right 0 top 0;
}

select::-ms-expand { 
    display: none; 
}


option {
    background-color: var(--option-bg);
    color: var(--option-fg);
    padding: 3px 1px 1px 4px;
    border: 1px solid var(--option-bg);
    margin: 0 1px 0 1px;
} 


/* this next thing doesn't work anyway */
option:checked {
    background-color: var(--selected-bg);
    color: var(--selected-fg);
    border: 1px dotted black;
}


/* ---------------------------------------------------------  */
.error_star {
    font-family: var(--font-normal);
    font-size: 1em;
    color: red;
}

.error_flash {
    border-color: red !important;
}

.required_star {
    font-family: var(--font-normal);
    font-size: 1.2em;
    color: red;
    vertical-align: middle;
}

.password-eye {
    vertical-align: middle;
}

.note {
    font-family: var(--font-normal);
    font-size: 0.8em;
    
}

div.actions {
    text-align: right; 
    width: 100%; 
}

div.actions td.actions {
    padding-right: 2px;
    padding-bottom: 2px;
}

/* ---------------------------------------------------------  */
div.dialog {
	width: 95%;
	/* this height decides the size of the document */
	/* MSIE6 at 800x600 : 50% */
	/* Moz (win) : 65% */
	margin: 0 auto;
	text-align: left;
}
/* MSIE 6 needs this */
.MSIE6 div.dialogcontainer {
    width: 500px;
    height: 100%
}


div.dialogcontainer {
	width: 100%;
    box-sizing: border-box;
    border: 1px solid black;
}


div.dialogbody {
    overflow: scroll; 
    height: 100%;
    width: 100%;
    background-color: white; 
    color: black;
    text-align: center;
}

.Dialog .boxsection .dash {
    background-color: transparent;
    background-image: none;
    height: 5px;
    padding: 0;
    margin: 0;
}

.Dialog .boxsection .dash hr {
    padding: 0;
    margin: 0;
}



/* ----------------------------------------------------- */
.input-text,
.input-text td,
.static-text,
.static-text td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.input-text,
.static-text,
select,
.inline-button {
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.input-text,
.static-text,
select:not([size]),
.inline-button {
    height: 1.25rem;
    line-height: 1.25rem;
}

select:not([size]) {
    padding: 2px;
    box-sizing: content-box;
    vertical-align: middle;
}

textarea.input-text {
    height: auto;
}

label.highlight,
option.highlight,
input.highlight {
    font-weight: bold;
}

select#UNDO option {
    padding-left: 2em;
}

select#UNDO option.highlight {
    padding-left: 0;
}


/* Joel points out that normal input fonts are TEH SUCK */
.MOZ .input-text,
.MOZ .static-text {
    font-family: monospace !important;
    font-size-adjust: 0.5;
}

.MSIE .input-text,
.MSIE .static-text {
    font-family: monospace !important;
    font-size-adjust: 0.6;
}

select.list-not-all > option:first-child {
    font-style: italic;
}

.static-select {
    padding-left: 2px;
    padding-right: 2px;
}

.static-select {
    margin-left: 6px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.MOZ .static-select {
    font-family: monospace !important;
    font-size-adjust: 0.5;
    display: inline-block;
}

.MSIE .static-select {
    font-family: monospace !important;
    font-size-adjust: 0.6;
    display: inline-block;
}

.boxsection textarea[disabled],
.boxsection input[disabled],
select[disabled] {
    border-color: #BBB;
    background-color: #DDD;
}

.boxsection textarea[disabled],
.boxsection input[disabled] {
    color: #808080;
}


.boxsection tr.jaas-input-disabled td,
option.disabled {
    font-style: italic;
    color: var(--option-disabled) !important;
}

option.disabled-chosen {
    font-weight: bold;
}

input.primary.submit,
input[type="button"].primary,
input[type="submit"].primary {
    font-weight: bold;
}

input.primary-submit {
    font-weight: bold;
}




/* ------------------------------------------------- */
div.jaas-combo-popup {
    min-width: 200px;
    max-height: 200px;
    display: inline-block;
    overflow: auto;
    border: 1px solid black;
    padding: 2px;
    line-height: 1.1em;
    background-color: #ffffff;
    color: #000000;
    font-family: -moz-list, sans-serif;
}

div.jaas-combo-item {
    border: 1px dotted #ffffff;
    white-space: nowrap;
}

div.jaas-combo-item-hover {
    background-color: #d3dde6;
    cursor: default;
}

div.jaas-combo-item-selected {
    border: 1px dotted black;
}

.jaas-combo-button {
    color: black;
    /* font-family: sans-serif; 
    font-size: 1.14em; */
    text-decoration: none;
    padding: 0 5px;
    margin-left: 0.2em;
    cursor: pointer;
}


/* ------------------------------------------------- */
div.jaas-explain-title {
    font-style: italic;    
}
option.toplevel {
    font-weight: bold;
}

.columnar-list td.sublevel,
option.sublevel {
    /* must be px so columnar can calc it's width */
    padding-left: 28px;
}

.columnar-list td.toplevel {
    /* text-align: center; */
    font-weight: bold;
}

option.toplevel.disabled {
    font-style: normal;
    color: var(--option-fg);
}


.value .jaas-list-leveled-button {
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
    background-image: none;
    color: black;
    font-weight: normal;
    border-color: #999999;
    padding-left: 2px;
    text-align: left;
}

.jaas-list-leveled-popup {
    display: inline-block;
    z-index: 20;
    background-color: #d3dde6;
    position: absolute;
}

.jaas-list-leveled-popup select {
    margin: 2px;
    /* box-shadow: 10px 10px 10px -10px black; */
}


.Group .box .jaas-list-leveled-popup select,
.Aiguillage .jaas-list-leveled-popup select#type {
    max-width: initial;
}
.jaas-ltr {
    display: flex;
    flex-wrap: wrap;
}

.jaas-ltr > form {
    margin-right: 1em;
}

.jaas-ltr > form:last-child {
    margin-right: 0;
}

.password-eye {
    display: inline-block;
    cursor: pointer;
}

.password-strength, 
.password-same {
    display: inline-block;
    margin-left: 4px;
}

.password-strength div,
.password-same div {
    background-color: #808080 !important;
    height: 6px;
    width: 24px;
    display: inline-block;
    margin-top: 0;
    margin-left: 2px;
}

.password-strength.weak div.weak, 
.password-same.password-bad div {
    background-color: #e40808 !important;
}

.password-strength.moderate div.weak,
.password-strength.moderate div.moderate {
    background-color: #ffd800 !important;
}

.password-strength.strong div.weak,
.password-strength.strong div.moderate,
.password-strength.strong div.strong, 
.password-same.password-good div  {
    background-color: #2cb117 !important;
}

.password-strength.best div {
    background-color: #2Dd07D !important;
}

.password-strength div.weak,
.password-same div {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.password-strength div.best,
.password-same div {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.disabled .password-eye,
.disabled .password-same,
.disabled .password-strength {
    display: none;
}
/* because the jaas-sub-menu gets added via .js, we also have to have
    .sub-X so position:absolute is set right away */
table.jaas-modal-menu,
table.sub-Operations,
table.sub-actions,
table.jaas-sub-menu {
    min-width: 100px;
    min-height: 1em;
    border-spacing: 0;
    font-family: var(--font-normal);
    padding: 0.5em 0 0.5em 0;
}

table.sub-Operations,
table.sub-actions,
table.jaas-sub-menu {
    top: 0;
    left: 0;
    border: 1px solid #aaaaaa; 
    background-color: var(--menu-bg);
    color: var(--menu-fg); 
    box-shadow: 10px 10px 10px -10px black;
    display: none;
    position: absolute;
    z-index: 20;
}

table.jaas-sub-menu td,
table.jaas-modal-menu td {
    text-align: left;
    height: 1.5em;
}

.jaas-sub-menu .action,
.jaas-modal-menu .action,
.jaas-sub-menu .button {
    padding-left: 1em;
    padding-right: 1em;
}

.jaas-modal-menu td:hover.action,
.jaas-sub-menu td:hover.action {
    background-color: var(--highlight-bg);
}

.jaas-modal-menu td:hover.action.no-href,
.jaas-sub-menu td:hover.action.no-href {
    background-color: inherit;
}

.jaas-sub-menu td:hover.action input,
.jaas-sub-menu td:hover.action a:link,
.jaas-sub-menu td:hover.action a:visited,
.jaas-modal-menu td:hover.action input,
.jaas-modal-menu td:hover.action a:link,
.jaas-modal-menu td:hover.action a:visited {
    color: var(--highlight-fg) !important;
    cursor: default;
}

.jaas-sub-menu td.action input.submit,
.jaas-sub-menu .action a:link,
.jaas-sub-menu .action a:visited,
.jaas-modal-menu td.action input.submit,
.jaas-modal-menu .action a:link,
.jaas-modal-menu .action a:visited {
    color: var(--menu-fg);
    text-decoration: none;
    text-align: left;
    width: 100%;
    font-size: var(--font-size);
    font-family: var(--font-normal);
}

.jaas-sub-menu td.action input.submit,
.jaas-sub-menu .action a:link,
.jaas-sub-menu .action a:visited {
    display: block;
}

.jaas-modal-menu td.action input.submit,
.jaas-modal-menu .action a:link,
.jaas-modal-menu .action a:visited {
    display: inline-block;
}


.jaas-modal-menu td.action {
    background-color: var(--menu-bg);
}

.jaas-sub-menu td.action input.submit,
.jaas-modal-menu td.action input.submit {
    background: transparent;
    border: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
}


td.boxsection.jaas-modal table.jaas-modal-menu th {
    text-align: left;
    color: black;
    font-weight: bold;
}
H1,.h1 {
    font-family: var(--font-normal);
    font-size: 32px;
    padding-left: 10px;
    text-align: left;
}

body {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-normal);
}

.jaas-tooltip,
div.content > div.jaas-tooltip {
    color: #111; 
    border: 1px solid #DDCCAA; 
    background:#fffAF0;
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    font-family: var(--font-normal);
    padding: 0.5em 1em;
    position: absolute;
    z-index: 30;
}

.jaas-tooltip ul {
    margin-top: 0;
    margin-bottom: 0;
}

.jaas-pod-index {
    font-family: var(--font-normal);
}

#jaas-pod {
/*    width: 800px; */
/*    border: 1px solid red; */
    overflow: hidden;
}

#jaas-pod {
    line-height: 1.6em;
}

#jaas-pod h1 {
    line-height: 35px;
}


#jaas-pod h1 {
    padding-left: 0;
}

#jaas-pod .jaas-code {
    display: none;
}

#jaas-pod pre {
    background-color: var(--pale);
    overflow: auto;
    line-height: 1.4em;
    border-radius: 2px;
}

#jaas-callout .jaas-code {
    position: absolute;
    z-index: 3;
    white-space: pre;
    font-family: monospace;
    overflow: scroll;
/*    border: 1px solid blue; */
    color: black;
    padding-top: 1em;
    padding-bottom: 1em;
}

.jaas-code hr {
    border-color: black;
    border-style: solid;
    border-bottom: none
}


#jaas-callout {
    width: 600px;
    min-height: 600px;
    background-color: var(--pale);
    overflow: hidden;
    position: absolute;
    border-bottom-left-radius: 2px;
}


#jaas-pod dt {
    
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
}

#jaas-pod dt:after {
    content: ":";
}

#jaas-pod dd {
    margin: 0 0 0 110px;
    padding: 0 0 1em 0;
}

.jaas-code-holder button {
    margin-right: 0.5em;
}

.jaas-code-button.active {
    background-position: 0 -96px;
}

.jaas-pod-index {
    font-family: var(--font-normal);
}

#CONTENT-INNER > ol.jaas-pod-index {
    position: fixed;
    margin-left: -5px;  /* see div.content */
    margin-top: 0;
    width: 400px;
    overflow: scroll;
    height: 800px;
}

#jaas-pod > * {
    margin-left: 410px;
    width: 860px; /* 1900 - 600 - 410 */
}

ol.jaas-pod-index .back-btn {
    margin-left: 1em;
    margin-bottom: 1em;
}


/* https://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
ol.jaas-pod-index {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    line-height: 90%;
}

ol.jaas-pod-index  > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 2px 2em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

ol.jaas-pod-index > li:before {
    content: counter(li);  /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: -1px;
    left: -2em;
    box-sizing: border-box;
    width: 2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    padding: 4px 4px 2px 4px;
    color: var(--white);
    background: var(--dark);
    font-weight: bold;
    font-family: var(--font-normal);
    text-align:center;
    border-radius: 2px;
    
}

#jaas-pod h1,
h2.jaas-pod-json,
#jaas-pod > ol.jaas-pod-index > li,
#jaas-pod > ol.jaas-pod-index > li:before {
    border-top: 1px solid var(--border);
}


.jaas-pod-index li ol { margin-top:6px;}
ol.jaas-pod-index  ol li:last-child {margin-bottom:0;}


.jaas-pod-index {
    background: var(--pale);
}

.jaas-pod-index a:visited,
.jaas-pod-index a:link {
    color: black;
    text-decoration: none;
}

.jaas-pod-index a:hover,
.jaas-pod-index a:active {
    color: var(--dark);
    text-decoration: underline;
}


h2 {
    margin-top: 2em;
}

h3 {
    margin-top: 2em;
}

h1 {
    margin-top: 1em;
}
#jaas-cs {
    max-width: 1024px;
    line-height: 1.6em;
    padding-left: 1em;
}

#jaas-cs h1 {
    padding-left: 0;
}

#jaas-cs h2 {
    border-top: 1px solid black;
    line-height: 35px;
}

#jaas-cs h3 {
    margin-bottom: 0;
}

#jaas-cs dl + h3 {
    margin-top: 0;
}

#jaas-cs dl {
    margin-top: 0;
    margin-bottom: 0;
}


#jaas-cs .jaas-cs-remarks,
#jaas-cs .jaas-cs-examples,
#jaas-cs .jaas-cs-isa {
    margin-top: 1em;
}

#jaas-cs ul {
    line-height: 1.3em;
}

pre.jaas-cs-example {
    margin-left: 4em;
    margin-right: 4em;
    border: 1px solid #e3e3e3;
    padding: 1em;
}

.jaas-cs-method .params .name,
.jaas-cs-method .jaas-cs-typeparam {
    font-weight: bold;
}

.jaas-cs-ns,
.jaas-cs-class,
.jaas-cs-method .type,
.jaas-cs-params .type {
    color: #606060;
}

.jaas-cs-ctor .jaas-cs-class {
    font-weight: bold;
    color: black;
}


.jaas-cs-name {
    font-weight: bold;
}

.jaas-cs-params dt,
.jaas-cs-typeparams dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
}

.jaas-cs-params dt:after,
.jaas-cs-typeparams dt:after {
    content: ":";
}

.jaas-cs-params dd,
.jaas-cs-typeparams dd {
    margin: 0 0 0 110px;
    padding: 0 0 1em 0;
}


#CONTENT-INNER > div.jaas-cs-index {
    position: fixed;
    margin-left: -5px;  /* see div.content */
    margin-top: 0;
    width: 400px;
    overflow: scroll;
    height: 800px;
}


#jaas-cs {
    margin-left: 410px;
}

#jaas-cs pre {
    overflow: auto;
}

#jaas-cs > h1 {
    margin-top: 0px;
    padding-top: 1em;
}



.jaas-cs-index {
    font-family: var(--font-normal);
}


/* https://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
ol.jaas-cs-index {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    line-height: 80%;
}

ol.jaas-cs-index  > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

ol.jaas-cs-index > li:before {
    content: counter(li);  /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: -1px;
    left: -2em;
    box-sizing: border-box;
    width: 2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    padding: 4px;
    color: #fff;
    background: #666;
    font-weight: bold;
    font-family: var(--font-normal);
    text-align:center;
}


.jaas-cs-index {
    background: #d3dde6;
}

#jaas-cs .jaas-cs-index h2 {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
}

.jaas-cs-index ul {
    margin-top: 0;
}


.jaas-cs-index a:visited,
.jaas-cs-index a:link {
    color: black;
    text-decoration: none;
}

.jaas-cs-index a:hover,
.jaas-cs-index a:active {
    color: #003e7e;
    text-decoration: underline;
}

#jaas-cs a:visited,
#jaas-cs a:link {
    text-decoration: none;
}

#jaas-cs a:hover,
#jaas-cs a:active {
    text-decoration: underline;
}

#doco-body {
/*    border: 1px solid red; */
    overflow: hidden;
    line-height: 1.6em;
}

#doco-body h1 {
    line-height: 35px;
    padding-left: 0;
}

#doco-body h5 {
    font-size: 14px;
}

#CONTENT-INNER > ol.doco-index {
    position: fixed;
    margin-left: 0;
    margin-top: 0;
/*    width: 200px; */
/*    height: 100%; */
/*    overflow:auto; */
    width: 400px;
}

#doco-body {
    margin-left: 410px;
}

.jaas-cs-index .back-btn,
.jaas-pod-index .back-btn,
.doco-index .back-btn {
    text-align: center;
}


ol.doco-index {
    font-family: var(--font-normal);
}


/* https://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
ol.doco-index {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    line-height: 80%;
}

ol.doco-index  > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

ol.doco-index > li:before {
    content: counter(li);  /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: -1px;
    left: -2em;
    box-sizing: border-box;
    width: 2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    padding: 4px;
    color: #fff;
    background: #666;
    font-weight: bold;
    font-family: var(--font-normal);
    text-align:center;
}

#doco-body h1,
div > ol.doco-index > li,
div > ol.doco-index > li:before {
    border-top: 1px solid #666;
}


.doco-index li ol { margin-top:6px;}
ol.doco-index  ol li:last-child {margin-bottom:0;}


.doco-index {
    background: #d3dde6;
}

.doco-index a:visited,
.doco-index a:link {
    color: black;
    text-decoration: none;
}

.doco-index a:hover,
.doco-index a:active {
    color: #003e7e;
    text-decoration: underline;
}

.jaas-throbber-block {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    z-index: 2;
}

.jaas-throbber {
    opacity: 1;
    position: absolute;
    z-index: 3;

    animation-duration: 1.5s;
    animation-name: jaas-throbber-rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@keyframes jaas-throbber-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.jaas-dock {
    float: right;
    width: 300px;
    background-color: var(--pale);
    overflow: auto;
}

.jaas-dock-encadre {
    border: 1px solid var(--dark);
    border-radius: 3px;
    min-height: 20px;
    margin: 3px;
    padding: 3px;
}

.jaas-dock-encadre.active {
    outline: 1px solid var(--dark);
}


.jaas-dock-button {
    margin-right: 5px;
}

.jaas-dock-icon,
.jaas-dock-icon.dw-grid-bn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    display: inline-block;
}

.jaas-dock .button {
    padding-left: 0;
    padding-right: 0;
}

.multifield-expandable-holder td {
    text-align: center;
}

.mutifield-button .dw-grid-bn {
    cursor: pointer;
}
/* Make search results printable */

.printable div.around_content {
    right: auto;
}

.printable #search-results-outer {
    overflow: hidden;
    height: auto !important;
}

.printable .appbuttons,
.printable .late-popup-holder,
.printable .Dialog input {
    display: none;
}

.printable div.content {
    position: static !important;
}

.printable #search-results-pager-page {
    border: none;
    font-size: 12px;
}
.jaas-suggestions {
    position: absolute;
    background-color: white;
    color: black;
    border: 1px solid #999999;
    box-shadow: 0 2px 4px rgba( 0,0,0,0.2 );
    padding: 0;
    margin: 0;
/*    background-color: #ffffb0; */
    z-index: 5;
}

.jaas-suggestions .line {
    font-family: var(--font-normal);
    cursor: pointer;
    margin: 0;
    padding: 0 0.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
}

.jaas-suggestions .line.highlight {
    background-color: #d3dde6;
}

table.dw-workload {
    border-collapse: collapse;
}

table.dw-workload td {
    color: black;
    padding: 0 0.5rem 0.5rem 0.5rem;
}

div.dw-workload-progress {
    height: 15px;
    background-color: #808080;
    padding: 0;
    margin: 5px 0 5px 0;
    width: 800px;

    -webkit-border-radius: 25px;
    border-radius: 25px;
/*    padding: 5px; */
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);

    position: relative;
}

div.dw-workload-done {
    width: 0;
    background-color: #72b566;
    margin: 0;

    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
    overflow: hidden;
}

div.dw-workload-done.done {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#CONTENT-INNER {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 5px;
}

.fullscreen #CONTENT-INNER {
    padding: 0;
    margin: 0;
}

div.content.fullscreen {
    padding: 0;
}

.fullscreen #search-results-container {
    padding-left: 5px;
    padding-right: 5px;
}

form.Dialog + form.Dialog > div.AROUND-Group {
    margin-top: 1rem;
}

.CUPS .ppd__MAIN__ > .title {
    vertical-align: top;
}

.CUPS .sub-list {
    width: 200px;
}

.CUPS .flex-actions .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.CUPS .flex-actions input {
    margin: 2px;
    width: 175px;
}


.testing-status td.Message {
    white-space: pre-wrap;
    min-width: 400px;
}

.picker .slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "s n" "r r";
    gap: 0.5rem;
}

.picker .slider label {
    grid-area: s;
    color: var(--black);
}

.picker .sliders {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.picker .slider input[type="number"] {
    grid-area: n;
    outline: 0px;
    border: 0px;
    appearance: textfield;
    background: transparent;
    justify-self: right;
    text-align: right;
}

.picker .slider input[type="range"] {
    grid-area: r;
    height: 0.5rem;
    width: 100%;
    margin: 0px;
}
.colour-picker {
    display: grid;
    gap: 1rem;
    grid-template-columns: 4fr 3fr;
    width: calc( 360px + 16rem );    
    --hue-colors: #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%;
    --thumb-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 3px 10px 0 rgb(0 0 0 / 15%); 
    --cursor-shadow: 0 0 2px #fff, 0 0 4px #fff;
    --thumb-border: 2px solid #fff; 
    --cursor-border: 2px solid black;
}

.colour-picker .area {
    height: 360px;
    width: 360px;
    background: linear-gradient(to bottom,transparent,#000),
                linear-gradient(to left,hsla(0,0%,100%,0),#fff),
                hsl(var(--hue),100%,50%);
}

.colour-picker .one {
    display: flex;
}

.colour-picker .one > span {
    display: flex;
    flex: 1 1 0%;
}

.colour-picker .preview {
    width: 64px;
    height: 20px;
    background-color: var(--hrgb);
}

.colour-picker .area {
    border: 1px solid var(--dark);
    grid-row: span 2;
}

.colour-picker .area .cursor {
    background: var(--hrgb);
    border: var(--cursor-border);
    border-radius: 50%;
    box-shadow: var(--cursor-shadow);
    cursor: pointer;
    display: block;
    height: 8px;
    width: 8px;
    margin-left: -6px;
    margin-top: -6px;
}

.colour-picker .swatches {
    display: grid;
    grid-template-columns: repeat( 8, 1fr );
    gap: 0.25rem;
}

.colour-picker .swatches > div.X {
    width: 1rem;
    height: 1rem;
}

/* ---------------------------------------------------- */
/* Magic that colours the HSL sliders */
.colour-picker input[type=range] {
    -webkit-appearance: none; 
    width: 100%; 
}

/* NB : -webkit-slider-thumb can't be chained (,) with -moz-range-thumb */
.colour-picker .slider ::-webkit-slider-thumb {
    background: hsl(var(--hue), var(--saturation), var(--lightness));
    border-radius: 50%;
    border: var(--thumb-border);
    box-shadow: var(--thumb-shadow);
    height: 16px;
    margin-top: -2px;
    -webkit-appearance: none;
    width: 16px;
}

.colour-picker .slider ::-moz-range-thumb {
    appearance: none; 
    background: hsl(var(--hue), var(--saturation), var(--lightness));
    border-radius: 50%;
    border: var(--thumb-border);
    box-shadow: var(--thumb-shadow);
    box-sizing: border-box;
    height: 16px;
    margin-top: -0.5rem;
    width: 16px;
}

/* Same with -webkit-slider-runnable-track and -moz-range-track */
.colour-picker .slider ::-webkit-slider-runnable-track {
    border: none;
    border-radius: 0;
    box-shadow: var(--track-shadow);
    height: 0.75rem;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
}

.colour-picker .slider ::-moz-range-track {
    border: none;
    border-radius: 0;
    box-shadow: var(--track-shadow);
    height: 0.75rem;
    margin: 0;
    outline: none;
}

.colour-picker .hue ::-webkit-slider-runnable-track {
    background: linear-gradient(to right, var(--hue-colors));
}
.colour-picker .hue ::-moz-range-track {
    background: linear-gradient(to right, var(--hue-colors));
}

.colour-picker .saturation ::-webkit-slider-runnable-track {
    background: linear-gradient(to right, hsl(var(--hue), 0%, var(--lightness)), hsl(var(--hue), 100%, var(--lightness)));
}
.colour-picker .saturation ::-moz-range-track {
    background: linear-gradient(to right, hsl(var(--hue), 0%, var(--lightness)), hsl(var(--hue), 100%, var(--lightness)));
}

.colour-picker .lightness ::-webkit-slider-runnable-track {
    background: linear-gradient(to right, hsl(var(--hue), var(--saturation), 0%), hsl(var(--hue), var(--saturation), 50%), 
            hsl(var(--hue), var(--saturation), 100%));
}
.colour-picker .lightness ::-moz-range-track {
    background: linear-gradient(to right, hsl(var(--hue), var(--saturation), 0%), hsl(var(--hue), var(--saturation), 50%), 
            hsl(var(--hue), var(--saturation), 100%));
}

.font-picker {
    color: var(--black);
    display: grid;
    grid-template-columns:  auto auto 4rem;
    grid-template-areas: "face face size" "weight weight weight" "italic italic btn" "example example example";
    gap: 0.5rem;
}

.font-picker .family {
    grid-area: face;
}

.font-picker .btn {
    grid-area: btn;
}


.font-picker .size {
    grid-area: size;
    width: 3rem;
}


.font-picker .list-weight {
    grid-area: weight;
}

.font-picker .list-italic {
    grid-area: italic;
}


.font-picker .example {
    grid-area: example;
    border: 1px solid var(--input-border);
    background-color: var(--white);
    padding: 0.5rem;
    width: 40rem;
    height: 10rem;
    overflow: hidden;
}




.around-discovery {
    max-height: 400px;
    min-width: 35rem;
    background-color: white;
    padding: 0.5rem;
}

.around-discovery .printer:first-child {
    border-top: none;
}

.around-discovery .printer {
    color: var(--black);
    border-top: 2px solid #999999;
}

.around-discovery .printer > span {
    display: block;
}

.around-discovery .uri {
    font-weight: bold;
    cursor: pointer;
}

.around-discovery .note {
    font-style: italic;
}

.Dashboard .count,
.Dashboard .file-count,
.Dashboard .disk-text,
.Dashboard .file-modified,
.Dashboard .proc-text,
.Dashboard .file-size {
    text-align: right;
    padding-right: 2px;
}

.Dashboard .file-size {
    padding-right: 1em;
}

.Dashboard .file-summary td {
    font-family: monospace;
}

.Dashboard .hover .db-name,
.Dashboard .hover .dir-name,
.Dashboard .hover .proc-name,
.Dashboard .hover .file-filename {
    text-decoration: underline;
    cursor: pointer;
}

.Dashboard .hover.empty .file-filename {
    text-decoration: none;
    cursor: default;
}

.Dashboard tr.dashboard:hover td {
    background-color: #72b566;
}


.Dashboard .proc-memory,
.Dashboard .proc-cpu,
.Dashboard .proc-threads,
.Dashboard .proc-time {
    text-align: right;
    padding-right: 1em;
}

.Dashboard .dashboard-header {
    font-weight: bold;
    text-align: left;
}

.Dashboard th.proc-memory,
.Dashboard th.proc-cpu {
    text-align: center;
}

.History td.info {
    font-style: italic;
}

.History td.info a {
    font-style: normal;
}

.History .static-text {
    font-family: inherit !important;
    font-size-adjust: inherit !important;
}

td.AROUND-history {
/*    display: inline-block; */
/*    overflow-y: scroll; */
/*    height: 500px; */
}

.History .dw-grid-bn-undo {
    margin: 0 3px;
}

.History tr.row-history:hover {
    background-color: #bbbbbb;
}

.History .AROUND-History table.boxsection .AROUND-Group {
    border: 2px inset threedface;
}

.History .AROUND-History table.boxsection .AROUND-Group table.boxsection {
    background-color: #eeeeee;
}


.History > .AROUND-History > table > tbody > tr > td.form {
    background-color: #d3dde6;
}


/* ---------------------------------- */
/* these are for vertical-inline tabs */

tr.VI.JAAS-TAB.ACTIVE.HOVER td.title {
    background-color: #003e7e;
    border-color: #003e7e;
    border-width: 0;
    color: white !important;
    font-weight: bold;
    padding: 0;
}

tr.VI.JAAS-TAB.INACTIVE.HOVER td.title {
    background-color: #72b566;
    padding: 0;
}

tr.VI.JAAS-TAB.INACTIVE td.title {
    font-style: italic;
    color: #333333 !important;
}

tr.VI.first.HOVER td.title.NO {
    border-top-style: solid;
    border-top-left-radius: 10px;
}

tr.VI.HOVER td.title.NO {
    border-left-style: solid;
}

tr.VI.last.HOVER td.title.NO {
    border-bottom-style: solid;
    border-bottom-left-radius: 10px;
}

tr.VI.JAAS-TAB.INACTIVE td.title label,
tr.VI.JAAS-TAB.INACTIVE td.title {
    cursor: pointer;
}

tr.VI.ACTIVE td.value {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-left-width: 0;
}

tr.VI.ACTIVE.HOVER td.value {
    border-color: #003e7e;
    border-right-style: solid;
}

tr.VI.first.ACTIVE td.value {
    border-top-style: solid;
    border-bottom-style: none;
}

tr.VI.last.first.ACTIVE td.value {
    border-top-style: solid;
    border-bottom-style: solid;
}

tr.VI.last.ACTIVE td.value {
    border-top-style: none;
    border-bottom-style: solid;
}

tr.VI.ACTIVE.HOVER + tr.VI.INACTIVE.first td.titleXX {
    box-shadow: inset -2px 2px 0 gray;
}

tr.VI.INACTIVE.HOVER td.titleXX {
    box-shadow: inset -2px 0 0 gray;
}


.MSIE7 tr.VI.first.INACTIVE td {
    display: block;
}

tr.VI.first.INACTIVE td {
    display: table-cell;
}

tr.VI.INACTIVE td {
    display: none;
}


/* this handles the widgets */

tr.VI.JAAS-TAB.INACTIVE td.value * {
    visibility: hidden;
}

/* this hides the radio buttons we create */
tr.JAAS-TAB label + input {
    display: none;
}



/* ------------------------------------ */
/* these are for horizontal-inline tabs */
tr.HI.JAAS-TAB.ACTIVE.first td {
    border-top-style: solid;
}

tr.HI.JAAS-TAB.ACTIVE td {
    border-color: #003e7e;    
    border-width: 2px;
}
tr.HI.JAAS-TAB.ACTIVE td.title {
    border-left-style: solid;
}
tr.HI.JAAS-TAB.ACTIVE td.value {
    border-right-style: solid;
}
tr.HI.JAAS-TAB.ACTIVE.last td {
    border-bottom-style: solid;
}


tr.HI.JAAS-TAB.INACTIVE td {
    display: none;
}

tr.JAAS-TAB-HI-TABS td {
    padding-top: 0;
}


tr.JAAS-TAB-HI-TABS label {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

tr.JAAS-TAB-HI-TABS label.ACTIVE {
    background-color: #003e7e;    
    border-color: #003e7e;
    color: white !important;
    font-weight: bold;
}

tr.JAAS-TAB-HI-TABS label.INACTIVE {
    background-color: #72b566;    
    border-color: #72b566;
    color: white !important;
    font-style: italic;
}
.jaas-list-preview .more {
    color: red;
}

.jaas-list-preview {
    overflow: hidden;
}

.jaas-list-preview hr {
    border: none;
    border-top: 1px solid black;
    padding: 0;
    margin: 0;
}
.Warehouse a[href].sub-operation.related {
    margin-left: 1em;
}
.Related .related select {
    max-width: 200px;
    /* background-color: transparent;
    border: 1px solid transparent */;
}

.Related .related select:focus {
    background-color: white;
    border: 1px solid black;
}

.Related .MultiField {
    margin: 1px 4px 1px 0.25em;
    border: 1px solid #999999;
    height: auto;
    overflow: scroll;
}

.Related .Multifield .item-related__title td {
    background-color: #003e7e;
    color: white !important;
}

.Related .first-title div {
    text-align: center;
}

.Related .boxsection .Multifield .sub-related td.title {
    border-bottom: 1px solid #999999;
}


.Related .MultiField td {
    background-color: white;
    cursor: default;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Related .MultiField .sub-widget {
    background-color: transparent;
}

.Related .MultiField .sub-widget .related-selected {
    background-color: #eeeeee;
}


/* These next 4 rules are to make it look like a <select> */

.Related .boxsection .Multifield td {
    padding: 0;
    margin: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.Related .boxsection .Multifield td div {
    margin: 0;
    padding: 0 3px;
    font-family: var(--font-normal) !important;
    font-size: 0.95em;
}

.Related .boxsection tr.selected td div {
    background-color: highlight !important;
    color: highlighttext !important;
}

.Related .boxsection tr.selected td {
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
    padding-top: 0;
    padding-bottom: 0;
}

.Related .boxsection td.actions {
    /* 2020-06 this is transparent because of dialog width and alignment */
    /* background-color: transparent; */
}


.Related .multifield-expandable-holder td {
    text-align: right;
}

.Types #item-related select {
    border: 1px solid transparent;
    background-color: transparent;
    max-width: 150px;
}

.Types #item-related select:hover {
    border: 1px solid #999999;
    background-color: white;
}

tr.multifield-actions div.actions {
    display: table-cell;
    width: 10%;
}


tr.multifield-actions div.actions-ADD {
    width: 75%;
    text-align: left;
}


table#item-related {
    min-width: 425px;
}

.Search .related.empty td,
.Search .related.empty td table {
    background-color: transparent;
}

.Dialog table.related.box {
    padding: 4px;
}

.Dialog table.related.box td {
    padding: 4px;
}

.Dialog table.related.box .boxsection > tbody > tr > td.actions {
    padding: 0;
}

.Dialog .related td.form table,
.Dialog .related td.form {
    background-color: transparent;
}
#search-results-inner,
#search-results-header {
    padding: 0;
    margin: 0;
    border-collapse: collapse; 
}
#search-results-header {
    /* where do these 3 pixels come from? */
    border-left: 3px solid #003e7e; 
}

.results-footer td.right {
    padding-top: 2px;
}

#search-results-footer {
    margin: 0;
    padding: 0;
}


#search-results-container {
    overflow: hidden;
    display: block;
}

#search-results-outer {
    overflow-y: scroll;
    overflow-x: scroll;
    border: 1px solid #003e7e;
}

#search-results-inner {
    /* border-right: 1px solid black; */
}

#search-results-header th {
    margin: 0;
    padding: 0;
    background-color: #003e7e;
    color: white !important;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}


#search-results-header th.field-N {
    cursor: default;
}

#search-results-inner td {
    color: black !important;
    padding: 0;
    margin: 0;
}

#search-results-inner td.field-dw-operations {
    display: none;
}


#search-results-container th .field-inner,
#search-results-container td .field-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1px;
    padding-right: 1px;
    font-family: var(--font-normal);

}

#search-results-container td div.field-inner,
#search-results-container td div.dw-grid-bn-apercu {
    padding-right: 0;
    border-right: 1px solid #aaaaaa;
    line-height: normal;
}

#search-results-container td.field-NUM div.field-inner {
    border-right-color: transparent;
}


#search-results-container td .field-inner {
    font-size: 14px;
}

.dw-grid-select,
.dw-grid-apercu {
    width: 14px;
    padding: 0;
}

#search-results-header .dw-grid-select,
#search-results-header .dw-grid-apercu {
    width: 17px; /* 14 + 2*(1 padding) + 1 for the last header */
}

.dw-grid-select div.field-inner,
.dw-grid-apercu div.field-inner {
    height: 16px;
}

.dw-grid-select input {
    margin: 1px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fafafa;
	border: 2px solid #003e7e;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	border-radius: 2px;
	display: inline-block;
	position: relative;
    width: 12px;
    height: 12px;
}

.dw-grid-select input:active, .dw-grid-select input:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.dw-grid-select input:checked {
	background-color: #003e7e;
	border: 1px solid #003e7e;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	color: #99a1a7;
}

.dw-grid-select input:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -3px;
	left: 0;
	color: white;
}


#search-results-inner .loading td {
    text-align: center;
    cursor: wait;
}


#search-results-inner td {
    border-bottom: 1px solid #aaaaaa;
}

td.field-pages,
td.field-N {
    text-align: right;
}

td.field-N {
    font-weight: bold;
}


#search-results-inner tr.odd td {
    background-color: #EEEEEE;
}

#search-results-inner tr.hover td {
    background-color: #dddddd;
}

#search-results-inner tr td {
    cursor: pointer;
}

#search-results-inner tr.empty td {
    height: 1em;
    cursor: default;
}


#search-results-header th.grabber {
    cursor: col-resize;
}

#search-results-header th.grabber > div {
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid #003e7e;
    border-left: 1px solid #003e7e;
    border-right: 1px solid #003e7e;
}

#search-results-outer .drag-proxy {
    background-color: #777777;
    border: 0 none;
    cursor: col-resize;
    overflow: hidden;
    position: absolute;
    width: 1px;
    z-index: 7;
    height: 100px;
    top: 0;
    left: 0;
}

#search-results-inner .loading {
    font-style: italic;
}

#search-results-inner tr.hover .significant div {
    text-decoration: underline;
    color: blue;
}

/* ------------------------------------------------------------ */
table.pager-footer {
    padding: 0;
    margin: 0;
    border-collapse: collapse; 
}

.pager-footer {
    font-family: var(--font-normal);
    background-color: #003e7e;
    color: white;
}

.pager-footer td {
    border-top: 1px solid #003e7e;
    border-bottom: 1px solid #003e7e;
    color: white;
    cursor: default;
    font-size: 12px;
    white-space: nowrap;
    height: 22px;
}

.pager-footer div.docs {
    overflow: hidden;
    float: right;
    padding-right: 0.5em;
}

.pager-footer td.docs {
    padding-right: 0.5em;
}

.pager-footer td.spacer {
    overflow: hidden;
}
.pager-footer td.spacer div {
    white-space: normal;
    overflow: hidden;
}


.pager-footer td.inactive {
    color: #666666;
    opacity: 0.5;
/*    filter: alpha(opacity=80);      IE8 and lower */
}

.pager-footer .page input {
    width: 30px;
    text-align: right;
}

.pager-footer .arrow.inactive {
    cursor: default;
}

.pager-footer .arrow {
    padding: 0;
    cursor: pointer;
}

.pager-footer .first {
    padding-left: 0.5em;
}
.pager-footer .prev {
    border-right: 1px solid #777777;
}
.pager-footer .page {
    padding-left: 0.5em;
    border-left: 1px solid #888888;
    border-right: 1px solid #777777;
    padding-right: 0.5em;
}
.pager-footer .next {
    border-left: 1px solid #888888; 
}
.pager-footer .last {
    padding-right: 0.5em;
}

.justify-left {
    text-align: left;
}

.justify-center {
    text-align: center;
}

.justify-right {
    text-align: right;
}

#search-results-container td.justify-right div.field-inner {
    padding-right: 1px;
    padding-left: 0;
}



.Warehouse table.Group.related {
    margin-left: auto;
    margin-right: 0;
}

.Warehouse table.Group.related td.form,
.Warehouse table.Group.related table.section,
.Warehouse table.Group.related table.boxsection {
    background-color: transparent;
}

.Warehouse table.Group.related td.actions {
    float: right;
}

#simple-results {
    overflow: auto;
    min-width: 100px;
    min-height: 100px;
}

.Dossier #simple-results {
    min-height: auto;
}

table.simple-results {
    border-collapse: collapse
}

div.simple-results {
    text-align: right;
}

div.simple-results > * {
    text-align: left;
}


.Search .fields {
    padding-left: 1em;
}

.results.notice {
    max-width: 600px;
}

#search-results-container ~ form.JASE .JASE {
    display: none;
    border: 1px solid red !important;
}

#search-results-container ~ form.JASE .JASE.boxed {
    display: block;
    border: 1px solid green !important;
}

/* ------------------------------------------------------------------ */
/* This is for the input stuff */

.Dialog table#dw-saisie.box {
    min-width: 0;
}

table#dw-saisie {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border: 1px solid black;
    box-shadow: 15px 15px 15px -15px black;
}


/* ------------------------------------------------------------------ */
/* This is for the config stuff */
table.SaisieCfg table.boxsection {
    border-collapse : collapse;
    min-width: 600px;
}

tr.saisie-field > td {
    border-bottom: 1px solid black;
    padding: 2px;
}

tr.saisie-field td.saisie-title {
    width: 180px;
}

tr.saisie-field .disabled,
tr.saisie-field .disabled a,
tr.saisie-field .disabled label {
    font-style: italic;
    color: #888888 !important;
}

tr.saisie-field div.control label.cb {
    margin-right: 0.5em;
}

div.saisie-arrow {
    width: 16px;
    float: right;
}

div.saisie-arrow .dw-grid-bn {
    cursor: pointer;
}

td.saisie-field {
    border-right: 1px transparent solid;
    border-left: 1px transparent solid;
}

.saisie-error.saisie-field {
/*    border-style: transparent dashed dashed dashed; */
    border-color: red;
}

table.SaisieCfg .SID .value {
    padding: 2px;
}

.DW-Saisie-ailleur {
    margin-left: 2em;
}

/* Correct alignement of the contrainte-specific fields */

table.DW-Saisie-Modify-Contrainte {
    border-spacing: 0;
}

table.DW-Saisie-Modify-Contrainte td.title {
    padding-left: 2em;
}

table.DW-Saisie-Modify-Contrainte td {
    padding: 0;
}



#doc-image.loading {
    opacity: 0.3;
    /* filter: alpha(opacity=30);      IE8 and lower */
}

#doc-image.error {
    background-color: red;
}

div.wordpager {
    border-top: 1px solid #777777;
}

.search-footer-operations {
    line-height: 21px;
    display: block;
    float: right;
    text-align: center;
    padding: 0;
    margin: 2px 0 0 0;
}

.jaas-viewer-height {
    height: 100%;
}

.jaas-viewer-width {
    width: 100%;
}
.Mail #item-messages {
    height: auto;
    border: 2px inset threedface;
    margin-left: 2px;
    margin-right: 2px;
}

.Mail #item-messages td {
    background-color: white;
}
.uploads-details {
    display: inline-block;
    margin-right: 1em;
}

.uploads-file {
    min-width: 10em;
}

.Dossier .Doc .N {
    min-width: 16px;
}

.dossier-mv {
    display: none;
    width: 16px;
}

.hover .dossier-mv {
    display: block;
}

.dossier-arrow {
    cursor: pointer;
}


.dossier-arrow.dossier-down {
    margin-top: 1px;
}

.Warehouse input.input-text {
    margin: 0;
    height: 1em;
    outline: none;
}
.Warehouse input.input-text {
    margin: 0;
    height: 1em;
    outline: none;
}

#doc-container {
    display: inline-block;
    margin: 0 auto;
    background: #dddddd;
    position: relative;
    visibility: visible;
}

#doc-container #doc-img {
    position: absolute;
    z-index: 0;
    opacity: 1;
    left: 0;
    top: 0;
}

#doc-ocr {
    cursor: crosshair;
}

table.ocr-results td {
    padding: 0 1em 0 1em;
}
.draw-x,
.draw-y {
    display: inline-block;
    margin-right: 5px;
}

.dw-drawing .jaas-dock-icon.fa {
    color: transparent;
}

.dw-drawing .jaas-dock-icon.colour {
    color: transparent;
    background-color: var(--colour);
}

.dw-draw-buttons .jaas-dock-button.active {
    outline: 2px solid var(--dark);
}

#doc-drawing.drawing {
    cursor: crosshair;
}

.draw-text-row .expand {
    position: relative;
    top: -3px;
}

input.draw-text {
    width: calc( 100% - 32px );
}

.drawing-expand {
    width: 640px;
    height: 320px;
}
.motd .timestamp {
    text-align: right;
    font-style: italic;
    opacity: 0.5;
}
.dw-doc-thumbnail {
    padding: 0.5em;
    background-color: #d3dde6;
    display: inline-block;
    box-shadow: 15px 15px 15px -15px black;
}

.dw-doc-thumbnail .blank {
    background-color: #003e7e;
}


/* ext-all.css */
/* @include "ext-js/ext-all.css" */

input,
table.static-text,
select {
    border: 1px solid var(--input-border);
}

.boxsection textarea,
.boxsection select,
.boxsection input {
    border: 1px solid var(--input-border);
    border-radius: var(--input-radius);
    background-color: white;
    color: black;
}

.boxsection input[type=hidden] {
    border-width: 0;
}

.MSIE .boxsection input[type=checkbox] {
    background-color: transparent;
    border: none;
}

X.boxsection select {
    border-style: solid none solid solid;
}

.jaas-widget-group-date .value {
    font-size: 0;
}

.jaas-widget-group-date .value select {
    font-size: var(--font-size);
}

.jaas-widget-group-date select ~ select {
    margin-left: 5px;
}

input[type=submit],
button,
.button {
    background-image: url(/static/images/BG.png);
    background-repeat: repeat-x;
    background-position: 0 -48px;
    background-color: #003e7e;
    color: white;
    font-weight: bold;
    border: 1px solid black;
    border-radius: var(--input-radius);
}


input[type=submit]:hover,
button:hover,
.button:hover {
    border-color: #888888;
}

input[type=submit]:active,
button:active,
.button:active {
    border-color: #555555;
    border-style: inset;
}

input[type=submit][disabled],
input[type=submit][disabled].primary,
.button.disabled {
    background-position: 0 0;
    font-style: italic;
    border-color: #cccccc;
    color: #999999;
    font-weight: normal;
}

input[type=submit][disabled].psuedo-disabled,
input[type=submit][disabled].primary.psuedo-disabled,
.button.psuedo-disabled {
    background-position: 0 -48px;
    font-style: italic;
    border-color: #666666;
    color: white;
    font-weight: bold;
}


input[type=submit].primary, 
button.primary {
    /* background-position: 0 -96px; until we fix the red Simplex button 
        color: black;
    */
    border-color: #666666;
    background-position: 0 -48px;
    color: white;
}

input[type=submit].ACTION-reset,
input[type=submit].ACTION-related {
    font-weight: normal;
    background-image: none;
    color: black;
}

div.dw-sprite {
    background: url(images/sprite.png) no-repeat;
    width: 38px;
    height: 31px;
    border: none;
}
div#dw-sprite-search { background-position: -0px 0;}
div#dw-sprite-logout { background-position: -38px 0;}
div#dw-sprite-admin { background-position: -76px 0;}
div#dw-sprite-dossier { background-position: -114px 0;}
div#dw-sprite-password { background-position: -152px 0;}
div#dw-sprite-help { background-position: -190px 0;}
div#dw-sprite-users { background-position: -228px 0;}
div#dw-sprite-externe { background-position: -266px 0;}
div#dw-sprite-externe-password { background-position: -304px 0;}
div#dw-sprite-fields { background-position: -342px 0;}
div#dw-sprite-types { background-position: -380px 0;}
div#dw-sprite-aiguillage { background-position: -418px 0;}
div#dw-sprite-cups { background-position: -456px 0;}
div#dw-sprite-printers { background-position: -494px 0;}
div#dw-sprite-euser { background-position: -532px 0;}
div#dw-sprite-dashboard { background-position: -570px 0;}
div#dw-sprite-history { background-position: -608px 0;}
div#dw-sprite-hamburger { background-position: -646px 0;}
div.dw-button-sprite {
    background: url(images/button-sprite.png) no-repeat;
    width: 38px;
    height: 31px;
    border: none;
    margin-left: 6px;
}
div#dw-button-sprite-search { background-position: -0px 0;}
div#dw-button-sprite-logout { background-position: -38px 0;}
div#dw-button-sprite-admin { background-position: -76px 0;}
div#dw-button-sprite-dossier { background-position: -114px 0;}
div#dw-button-sprite-password { background-position: -152px 0;}
div#dw-button-sprite-help { background-position: -190px 0;}
div#dw-button-sprite-users { background-position: -228px 0;}
div#dw-button-sprite-externe { background-position: -266px 0;}
div#dw-button-sprite-externe-password { background-position: -304px 0;}
div#dw-button-sprite-fields { background-position: -342px 0;}
div#dw-button-sprite-types { background-position: -380px 0;}
div#dw-button-sprite-aiguillage { background-position: -418px 0;}
div#dw-button-sprite-cups { background-position: -456px 0;}
div#dw-button-sprite-printers { background-position: -494px 0;}
div#dw-button-sprite-euser { background-position: -532px 0;}
div#dw-button-sprite-dashboard { background-position: -570px 0;}
div#dw-button-sprite-history { background-position: -608px 0;}
div#dw-button-sprite-hamburger { background-position: -646px 0;}
div.dw-lang-sprite {
    background: url(images/lang-sprite.png) no-repeat;
    width: 19px;
    height: 16px;
    border: none;
}
div#dw-lang-sprite-fr { background-position: -0px 0;}
div#dw-lang-sprite-en { background-position: -19px 0;}
div#dw-lang-sprite-pt { background-position: -38px 0;}
div#dw-lang-sprite-es { background-position: -57px 0;}
div.dw-grid-bn {
    background: url(images/grid-bn.png) no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}
div#dw-grid-bn-first { background-position: -0px 0;}
div#dw-grid-bn-first:hover { background-position: -16px 0;}
.inactive div#dw-grid-bn-first:hover { background-position: -0px 0;}
div#dw-grid-bn-prev { background-position: -32px 0;}
div#dw-grid-bn-prev:hover { background-position: -48px 0;}
.inactive div#dw-grid-bn-prev:hover { background-position: -32px 0;}
div#dw-grid-bn-next { background-position: -64px 0;}
div#dw-grid-bn-next:hover { background-position: -80px 0;}
.inactive div#dw-grid-bn-next:hover { background-position: -64px 0;}
div#dw-grid-bn-last { background-position: -96px 0;}
div#dw-grid-bn-last:hover { background-position: -112px 0;}
.inactive div#dw-grid-bn-last:hover { background-position: -96px 0;}
div#dw-grid-bn-close { background-position: -128px 0;}
div#dw-grid-bn-close:hover { background-position: -144px 0;}
.inactive div#dw-grid-bn-close:hover { background-position: -128px 0;}
div#dw-grid-bn-close-white { background-position: -160px 0;}
div#dw-grid-bn-close-white:hover { background-position: -176px 0;}
.inactive div#dw-grid-bn-close-white:hover { background-position: -160px 0;}
div.dw-grid-bn-modify { background-position: -192px 0;}
div.dw-grid-bn-modify:hover { background-position: -208px 0;}
.inactive div.dw-grid-bn-modify:hover { background-position: -192px 0;}
div.dw-grid-bn-remove { background-position: -224px 0;}
div.dw-grid-bn-remove:hover { background-position: -240px 0;}
.inactive div.dw-grid-bn-remove:hover { background-position: -224px 0;}
div.dw-grid-bn-undo { background-position: -256px 0;}
div.dw-grid-bn-error { background-position: -272px 0;}
div.dw-grid-bn-required { background-position: -288px 0;}
div.dw-grid-bn-up { background-position: -304px 0;}
div.dw-grid-bn-down { background-position: -320px 0;}
div.dw-grid-bn-up:hover { background-position: -336px 0;}
.inactive div.dw-grid-bn-up:hover { background-position: -320px 0;}
div.dw-grid-bn-down:hover { background-position: -352px 0;}
.inactive div.dw-grid-bn-down:hover { background-position: -336px 0;}
div.dw-grid-bn-empty { background-position: -368px 0;}
div.dw-grid-bn-eye { background-position: -384px 0;}
div.dw-grid-bn-eyeslash { background-position: -400px 0;}
div.dw-grid-bn-view { background-position: -416px 0;}
div.dw-grid-bn-dossier { background-position: -432px 0;}
div.dw-grid-bn-dossier-remove { background-position: -448px 0;}
div.dw-grid-bn-print { background-position: -464px 0;}
div.dw-grid-bn-thumbnail { background-position: -480px 0;}
div.dw-grid-bn-select-open { background-position: -496px 0;}
div.dw-grid-bn-view-white { background-position: -512px 0;}
div.dw-grid-bn-dossier-white { background-position: -528px 0;}
div.dw-grid-bn-dossier-remove-white { background-position: -544px 0;}
div.dw-grid-bn-print-white { background-position: -560px 0;}
div.dw-grid-bn-thumbnail-white { background-position: -576px 0;}
div.dw-grid-bn-star { background-position: -592px 0;}
div.dw-grid-bn-setting { background-position: -608px 0;}
div.dw-grid-bn-fa-remove { background-position: -624px 0;}
div.dw-grid-bn-fa-expand { background-position: -640px 0;}
div.dw-grid-bn-fa-compress { background-position: -656px 0;}

/* @include "test-scroll.css" */