/* 

Primary styleshee for all webapp applications in chrome and mordern browsers (not IE which uses main_styles.css) 
This sheet relies on css variables from themes.css

*/

/* General */
html, 
body{
    margin: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-10);
}

.hide{
    z-index: -100;
    position: fixed;
    right: -40000px;
    visibility: hidden;
}

@font-face{
    font-family: 'FontAwesome';
    src: url(http://localhost/compatshell/static/media/fa-regular-400.36168646e7d919287d07.woff2) format('woff2'),
    url(http://localhost/compatshell/static/media/fa-duotone-900.fd64474e3368ef87bf71.woff2) format('woff2');
}

/* Typography */
body, table, tr, td, th, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, dl, blockquote, input, select, textarea, pre{
    font-family:'Roboto', Arial, sans-serif;
    font-weight:normal;
}

body, table, tr, td, th, p, a, ol, ul, li, dl, blockquote, input, select, textarea, pre, span{
    font-size:14px;
    text-decoration:none;
    color:var(--txt-10)
}

h1{
    font-size:18px;
    font-weight:bold;
    margin: 0 0 10px;
}

h2{
    font-size:16px;
    font-weight:bold;
    margin: 5px 0 10px;
}

h3{
    font-size: 14px; 
    color: var(--txt-20); 
    font-weight: bold; 
    margin: 5px 0 15px;
    display: flex;
    align-items: center;
}

h1 span,
h2 span,
h3 span{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

p{
    margin-bottom:0;
    color:var(--txt-10);
    margin-top:0;
}

p.instructions{
    color:var(--bg-60);
    font-style:italic;
}

sup{
    font-size:9px;
}

img{
    border:0;
}

span.input{
    display:inline-block;
}

span.input-long{
    display:inline-block;
    min-height:15px;
}

.pulldown{
    border:2px solid var(--txt-60);
    background:var(--bg-30);
}

.indicator{
    font-weight:normal !important;
    border:1px solid var(--clr-sec);
    color:var(--clr-sec) !important;
    border-radius:16px;
    padding:3px 6px;
    height:16px;
    display:inline-block;
    text-align:center;
}

.blue-text{
    color:var(--app);
}

.green-text{
    color:var(--success);
}

.red-text{
    color:var(--danger);
}

::placeholder{
    font-style:italic;
    font-size:12px;
    color: var(--txt-20);
}

/* Icons */
i.fa, 
i.fak{
    font-weight:300;
}

i.fa.solid{
    font-weight:900;
}

i.fa.solid:before{
    font-weight:900;
}

i.fa, .fa, .fas, .fal, .far{
    min-width:18px;
    text-align:center;
    font-size:14px;
}

.tool-icon:before{
    color:var(--clr-sec);
    font-size:16px;
    font-weight:300;
}

.tool-icon-inactive:before{
    color:var(--txt-30);
}

.ldd-duplicate:before{
    content:"\f24d";
}

.ldd-view:before{
    content:"\f06e";
}

.ldd-settings:before{
    content:"\f141";
}

.ldd-close:before{
    content:"\f00d";
}

.ldd-caret-down:before{
    content:"\f0d7";
    font-weight:900;
}

.ldd-caret-up:before{
    content:"\f0d8";
    font-weight:900;
}

.ldd-auto-includes:before{
    content:"\e197";
}

.ldd-ruler:before{
    content:"\f546";
}

.ldd-option:before{
    content:"\f013";
}

.ldd-locked:before{
    content:"\f023";
}

.ldd-unlocked:before{
    content:"\f3c1";
}

.ldd-find:before{
    content:"\f865";
}

.ldd-spellcheck:before{
    content:"\f891";
}

.ldd-condition:before{
    content:"\f468";
}

.ldd-delete:before{
    content:"\f2ed";
}

.ldd-details:before{
    content:"\f30f";
}

.ldd-edit:before{
    content:"\f304";
}

.ldd-list:before{
    content:"\f03a";
}

.ldd-refresh:before{
    content:"\f021";
}

.ldd-restore:before{
    content:"\f2ea";
}

.ldd-id:before{
    content:"\f2c1";
}

.ldd-coin:before{
    content:"\f2e8";
}

.ldd-search:before{
    content:"\f002";
}

.ldd-pig:before{
    content:"\f4d3";
}

.ldd-video-link:before{
    content:"\e2c9";
}

.ldd-save:before{
    content:"\f0c7";
    vertical-align:middle;
}

.ldd-note:before{
    content:"\f249";
}

.ldd-rsp:before{
    content:"\f4c4";
}

.ldd-email:before{
    content:"\f0e0";
}

.ldd-drive:before{
    content:"\f0a0";
}

.ldd-filter:before{
    content:"\e17c";
}

.ldd-file-drive:before{
    content:"\f0c2";
}

.ldd-calendar:before{
    content:"\f073";
}

.ldd-calculator:before{
    content:"\f1ec";
}

.ldd-inbox:before{
    content:"\f01c";
}

.ldd-internal-link:before{
    content:"\f14c";
}

.ldd-notification:before{
    content:"\f0f3";
}

.ldd-toggle-off:before{
    content:"\f204";
}

.ldd-toggle-on:before{
    content:"\f205";
    font-weight:900;
    color:var(--clr-sec)
}

.ldd-extension:before{
    content:"\e0ea";
}

.ldd-history:before{
    content:"\f1da";
}

.ldd-help:before{
    content:"\f059";
}

.ldd-more:before{
    content:"\f141";
}

.ldd-home:before{
    content:"\f015";
}

.ldd-file:before{
    content:"\f07b";
}

.ldd-tools:before{
    content:"\f7d9";
}

.ldd-settings:before{
    content:"\f142";
}

.ldd-accounting:before{
    content:"\f0c2";
}

.ldd-user:before{
    content:"\f073";
}

.ldd-basic:before{
    content:"\f05a";
}

.ldd-property:before{
    content:"\f1ad";
}

.ldd-contract:before{
    content:"\f500";
}

.ldd-mortgage:before{
    content:"\f873";
}

.ldd-issues:before{
    content:"\f12e";
}

.ldd-title:before{
    content:"\f5f3";
}

.ldd-financial:before{
    content:"\f4c0";
}

.ldd-documents:before{
    content:"\f15c";
}

.ldd-document-search:before{
    content:"\f865";
}

.ldd-document-error:before{
    content:"\e4eb";
}

.ldd-pdf-multi:before{
    content:"\e178";
}

.ldd-document-purchase:before{
    content:"\f571";
}

.ldd-link:before{
    content:"\f127";
}

.ldd-relink:before{
    content:"\f0c1";
}

.ldd-close:before{
    content:"\f00d";
}

.ldd-check:before{
    content:"\f00c";
}

.ldd-folder:before{
    content:"\f07b";
}

.ldd-folder-new:before{
    content:"\f65e";
}

.ldd-logout:before{
    content:"\f2f5";
}

.ldd-account:before{
    content:"\f007";
}

.ldd-chevron-up-lg:before{
    content:"\f077";
    font-size:20px;
    padding-right:10px;
}

.ldd-chevron-down-lg:before{
    content:"\f078";
    font-size:20px;
    padding-right:10px;
}

.ldd-caret-down-lg:before{
    content:"\f0d7";
    font-size:20px;
    padding-right:10px;
    color:var(--txt-10);
    font-weight:300;
}

.ldd-close:before{
    content:"\f00d";
    color:var(--txt-20);
    cursor:pointer;
    font-size:24px;
    font-weight:300;
}

.ldd-chevron-left:before{
    content:"\f053";
    font-size:14px;
    font-weight:300;
}

.ldd-chevron-left-lg:before{
    content:"\f053";
    font-size:20px;
    font-weight:300;
}

.ldd-chevron-right:before{
    content:"\f054";
    font-size:14px;
    font-weight:300;
}

.ldd-chevron-right-lg:before{
    content:"\f054";
    font-size:20px;
    font-weight:300;
}

.ldd-pdf-2:before{
    content:"\f1c1";
    font-weight:300;
}

.ldd-pdf:before{
    content:"\f1c1";
    font-size:14px;
    font-weight:300;
}

.ldd-word:before{
    content:"\f1c2";
    font-weight:300;
}

.ldd-dropdown:before{
    content:"\f0d7";
}

.ldd-close:before{
    content:"\f00d";
    color:var(--txt-30);
    cursor:pointer;
    font-size:20px;
    font-weight:300;
}

.ldd-exclaim:before{
    content:"\f06a";
}

.ldd-ellipsis:before{
    content:"\f141";
}

.ldd-nutshell:before{
    content:"\f6ae";
}

.ldd-workspace:before{
    content:"\e489";
}

.ldd-expand:before{
    content:"\f078";
}

.ldd-collapse:before{
    content:"\f077";
}

.ldd-column:before{
    content:"\f870";
}

.ldd-contacts:before{
    content:"\f2b9";
}

.ldd-import:before{
    content:"\f56f";
}

.ldd-help:before{
    content:"\f059";
}

.ldd-address:before{
    content:"\f2b9";
}

.ldd-add:before{
    content:"\2b";
}

.ldd-print:before{
    content:"\f02f";
}

.ldd-external:before{
    content:"\f08e";
}

.ldd-list-black:before{
    content:"\f03a";
    color:var(--txt-10);
}

.ldd-package:before{
    content:"\e178";
}

.ldd-generate:before{
    content:"\e0fc";
}

.ldd-person-add:before{
    content:"\f234";
}

.ldd-box:before{
    content:"\f49e";
}

.ldd-download:before{
    content:"\f33d";
}

.ldd-calendar-add:before{
    content:"\f271";
}

.ldd-redo:before{
    content:"\f2f9";
}

.ldd-undo:before{
    content:"\f0e2";
}

.ldd-open:before{
    content:"\f14c";
}

.symbol{
    vertical-align:top;
}

.symbol:before{
    color:var(--danger);
    font-size:14px;
    font-weight:900;
    height:18px;
    width:14px;
    display:inline-block;
    color:var(--bg-10);
    overflow:hidden;
    vertical-align:middle;
}

.ldd-pdf-c:before{
    content:"\f1c1";
    color:var(--clr-sec);
}

.ldd-word-c:before{
    content:"\f1c2";
    color:var(--clr-sec);
}

.ldd-package-c:before{
    content:"\e178";
    color:var(--clr-sec);
}

.ldd-success:before{
    content:"\f058";
    color:var(--success);
}

.ldd-error:before{
    content:"\f071";
    color:var(--danger);
}

.ldd-loading:before{
    content:"\f110";
    color:var(--txt-30);
}

.active, .active span, .active p, .active i{
    color:var(--clr-sec);
    cursor:pointer;
}

.inactive, .inactive span, .inactive p, .inactive i{
    color:var(--txt-30);
}

.active-tab{
    color:var(--clr-sec);
    cursor:pointer;
    background:var(--bg-30);
}

.inactive-tab{
    color:var(--txt-30);
    cursor:pointer;
    background:var(--bg-10);
}

/* Text Editor Icons */
.te-icon:before{
    color:var(--clr-sec);
    font-size:14px;
    font-weight:300;
}

.te-cut:before{
    content:"\f0c4";
}

.te-copy:before{
    content:"\f0c5";
}

.te-paste:before{
    content:"\f0ea";
}

.te-bold:before{
    content:"\f032";
}

.te-italic:before{
    content:"\f033";
}

.te-underline:before{
    content:"\f0cd";
}

.te-strikethrough:before{
    content:"\f0cc";
}

.te-subscript:before{
    content:"\f12c";
}

.te-superscript:before{
    content:"\f12b";
}

.te-align-left:before{
    content:"\f036";
}

.te-align-right:before{
    content:"\f038";
}

.te-align-centre:before{
    content:"\f037";
}

.te-align-justify:before{
    content:"\f039";
}

.te-list-unordered:before{
    content:"\f0ca";
}

.te-list-ordered:before{
    content:"\f0cb";
}

.te-unnumbered-entry:before{
    content:"\f550";
}

.te-indent-decrease:before{
    content:"\f03b";
}

.te-indent-increase:before{
    content:"\f03c";
}

.te-font-color:before{
    content:"\f031";
}

.te-background-color:before{
    content:"\f575";
}

.te-table:before{
    content:"\f0ce";
}

.te-table-properties:before{
    content:"\e292";
}

.te-table-cell-properties:before{
    content:"\f009";
}

.te-list-properties:before{
    content:"\f00b";
}

.te-field-format:before{
    content:"\e1bf";
}

.te-clear:before{
    content:"\f12d";
}

.te-select:before{
    content:"\f245";
}

.te-resize:before{
    content:"\f07d";
}

.te-condition:before{
    content:"\e254";
}

.te-line:before{
    content:"\f86c";
}

.te-checkbox:before{
    content:"\f14a";
}

/* Tools */
.tool-container{
    margin-left: 15px;
    display: inline-block;
}

.tool-icon{
    width: 22px;
    margin-top: 4px;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: none !important;
}

.tool-icon-narrow{
    margin-left:-3px;
}

.tool-text{
    padding:4px 2px 2px 0;
    vertical-align:middle;
    display:inline-block;
    cursor:pointer;
    color:var(--clr-sec);
    font-weight:normal !important;
}

.indi-icon{
    width:18px;
    margin-right:2px;
    vertical-align: top;
}

.indicator-icon{
    width:18px;
    margin-right:-2px;
    vertical-align: top;
}

.tool-icon-sm{
    width:18px;
    height:18px;
    margin-right:2px;
    cursor:pointer;
    vertical-align: middle;
}

.tool-container i{
    color:var(--clr-sec);
    margin-right:2px;
    vertical-align: middle;
}

/* Inputs */

.input,
input[size],
.input-inactive,
textarea, 
.textarea, 
select{
    border-radius: var(--bdr-r-10);
    border: 1px solid var(--txt-50);
    padding: 7px;
    color: var(--txt-10);
    background-color: var(--bg-10);
    outline: none;
    width:290px;
    vertical-align:top;
    margin-right: 3px;
    display: inline-block;
}

input.input, 
input.input-inactive{
    height:auto;
    display:inline-block;
}

input, 
textarea, 
.textarea{
    background:var(--bg-10);
    border:1px solid var(--txt-40);
}

input[size]{
    width: initial;
}

body.dark .input,
body.dark textarea,
body.dark .textarea,
body.dark select,
body.dark input[size],
body.dark .searchbar,
body.dark .form-control{
    background-color: var(--bg-40);
}

.input-inactive,
input[lfviewonly="1"]{
    background-color: var(--txt-60);
    border-color: var(--txt-60);
}

.input:active,
.input:hover,
textarea:hover,
textarea:active,
.input:hover + .tool-icon{
    background: var(--bg-10);
    border-color: var(--app);
}

.input:focus,
textarea:focus,
.input:focus + .tool-icon{
    background: var(--bg-10);
    border-color: var(--app);
    box-shadow: 0 0 4px 2px var(--bg-info);
}

textarea{
    padding: 8px 10px;
    resize: none; 
    margin-bottom: 5px;
    min-height: 35px;
}

.input-paragraph{
    border:none;
    border-bottom:1px solid var(--bg-30);
    background:var(--bg-30);
    height:auto;
}

.input-view{
    border:none;
    padding:6px;
    width:270px;
    vertical-align:top;
    margin-right:2px;
    display:inline-block;
}

.input, 
.input-view, 
.input-auto, 
.input-inactive{
    min-height:17px;
}

select{
    overflow:auto;
    cursor: pointer;
    width: auto;
}

select[disabled]{
    background:var(--bg-40);
}

.input-clause{
    background: var(--bg-10);
    border:1px solid var(--txt-40);
    min-width:400px;
    min-height:100px;
}

.input-short{
    width: 105px;
}

.input-money{
    width:110px;
    text-align:right;
}

.input-medium{
    width:150px;
}

.input-medilong{
    width:220px;
}

.input-uplong {
	width:350px;
}

.input-long{
    width:400px;
}

.input-calendar{
    width:85px;
}

.input-num{
    width:45px;
}

.input-num-short{
    width:35px;
}

.input-num-med{
    width:55px;
}

.input-num-long{
    width:70px;
}

.input-auto{
    width:auto;
}

.input-full{
    width:100%;
}

.input-fill{
    display: block;
    width: auto;
}

.input-textarea{
    min-height:100px;
}

.input-value{
    width:100px;
    border-right:0;
}

.input-plus{
    border-right:0;
    margin-right:0;
    text-align:right;
}

.input-icon{
    background:var(--bg-10);
    width:17px;
    border:1px solid var(--txt-30);
    border-left:0;
    margin-left:0;
    text-align:center;
    color:var(--txt-20);
    padding:1px;
    margin-top:1px;
    vertical-align:middle;
}

img.input-icon{
    cursor:pointer;
}

.checkbox:hover{
    cursor: pointer;
}

.checkbox,
table.financial input.checkbox{
    height: 14px;
    width: 14px;
    margin-top:2px;
    margin-right:5px;
    vertical-align:top;
}

tr.head td{
    font-size: 12px;
    color: var(--txt-30);
    margin-bottom: 3px;
    font-weight: normal;
    white-space: nowrap;
}

.radio-container{
    margin-right:10px;
}

.radio{
    width:13px;
    height:13px;
    margin-right:3px;
    vertical-align:middle;
}

.radio-container span{
    margin-right:5px;
}

textarea{
    resize:none;
}

.no-pointer{
    pointer-events:none;
}

.no-cursor{
    cursor:default !important;
}

/* Links */
a, 
a:link, 
a:visited, 
.new-link{
    text-decoration:none;
    color:var(--clr-sec);
    cursor:pointer;
}

.new-link-bk{
    color:var(--txt-10);
}

.MenuBarLink{
    z-index:9;
}

/* Lists */
ol, 
ul, 
DL, 
blockquote, 
pre{
    margin-bottom:0px;
    color:var(--txt-10);
    margin-top:0px
}

li.clsHasKids{
    list-style-type:none;
}

li.clsHasKids span{
    cursor:hand;
}

div#divMenuBar{
    position:relative;
    padding-top:0px;
    left:0px;
    z-index:9;
    top:0px
}

table#divMenuBar td{
    cURSOR:default;
    font-size:10px;
    padding-bottom:1px;
    padding-top:1px;
    padding-left:5px;
    z-index:9;
    padding-right:5px;
}

td.clsMenuBarTD{
    cURSOR:default;
    font-size:10px;
    color:var(--danger);
    padding-bottom:1px;
    padding-top:1px;
    padding-left:5px;
    z-index:9;
    padding-right:5px;
    background:transparent
}

table#divMenuBar td.clsMenuBarItem{
     cursor:hand;
    font-size:12px;
    font-weight:bold;
    color:var(--txt-30);
    z-index:9;
    background:var(--clr-sec);
}

table#tblsubMenu td{
    font-size:10px;
    color:var(--clr-sec);
    z-index:9;
    background:var(--clr-sec);
}

table#tblsubMenu td.clsMenuBarItem{
    font-size:10px;
    font-weight:bold;
    z-index:9
}

div.clsMenu{
    font-size:10px;
    border:1px solid var(--clr-sec);
    width:130px;
    position:fixed;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:8px;
    z-index:9;
    padding-right:5px;
    visibility:hidden;
    background:var(--clr-sec);
}

span.TopNav{
    LEFT:0px;
    z-index:9
}

div.MainContent{
    z-index: 1;
    visibility: visible;
    background: none;
    width: 100%;
    height: 100%;
}

div.Footer{
    LEFT:0px;
    z-index:2;
    TOP:55px;
    VISIBILITY:visible
}

div.ScrollList{
    overflow:auto;
    overflow-x:visible;
}

span.sideNav{
    z-index:1
}

span.HeaderInfo{
    font-size:10px;
    font-weight:bold;
    color:var(--txt-10)
}

span.inputFormat{
    font-size:10px;
    color:var(--danger);
}

td.SmallInfo{
    font-size:10px;
}

input.ExceptionTextBox{
    border:1px solid var(--txt-30);
    padding:0 2px;
    margin:0;
}

select.ExceptionSelect{
    border:1px solid var(--txt-30);
    PADDING:0px;
    margin:0px;
}

textarea.ExceptionTextArea{
    padding:0 2px;
    margin:0;
    border:none;
}

tr.SubTitleLine{
    font-weight:bold;
    color:var(--clr-sec)
}

p.ConfirmTitle{
    font-size:16px;
    text-decoration:underline;
    font-weight:bold;
    color:var(--txt-10);
    text-align:center;
}
a.ConfirmButton{
    font-size:14px;
    text-decoration:underline;
    font-weight:bold;
    color:var(--danger);
}

p.ConfirmText{
    font-size:12px;
    color:var(--txt-10);
}

input.SmallButton{
    font-size:11px;
    text-decoration:none;
    border:1px solid var(--clr-sec);
    vertical-align:top;
    color:var(--clr-sec);
    background:var(--clr-sec);
}
input.FormButton{
    font-size:12px;
    text-decoration:none;
    border:2px solid var(--clr-sec);
    vertical-align:top;
    border-bottom:2px solid var(--txt-10);
    color:var(--bg-10);
    PADDING:4px 2px;
    margin:1px;
    background:var(--clr-sec)
}

input.ReadOnly{
    border:none;
    color:var(--txt-20);
    background:var(--bg-30)
}

span.cpLink{
    font-size:10px;
    text-decoration:none;
    color:var(--clr-sec);
    cursor:hand;
}

span.cpLinkGreen{
    font-size:10px;
    text-decoration:none;
    color:var(--success);
    cursor:hand;
}

span.cpLinkRed{
    font-size:10px;
    text-decoration:none;
    color:var(--danger);
    cursor:hand;
}

table.ExceptionTable{
    border:var(--clr-sec) 1px solid;
}

tr.ExceptionHeader{
    background:var(--clr-sec)
}

table.ExceptionTable TR{
    border:var(--clr-sec) 1pt solid;
}

table.ExceptionTable TD{
    border:var(--clr-sec) 1pt solid;
    padding:0px;
    margin:0px;
}

DIV.ToDoContent{
    background:var(--bg-30)
}

TR.AdditionalInfoLine{
    background:var(--bg-warning)
}

DIV.subsection{
    border:thin inset;
}

.disableLook{
    background:var(--bg-30)
}

SPAN.LDDText{
    font-size:15px;
    font-weight:bold;
    color:var(--clr-sec)
}

td.InputCell{
    PADDING:0px;
    margin:0px;
}

.MainMsg{
    font-size:17px;
    padding:100px 0;
    margin:50px auto;
    text-align:center;
    color:var(--clr-sec);
}

tr.AgreementsHeader{
    background:var(--clr-sec)
}

span.ODTypeText{
    width:300px;
    font-weight:bold
}

tr.BrowserRow{
    background:var(--bg-10) !important;
    padding:3px;
    cursor:pointer;
    text-align:left;
}

tr.BrowserRow:hover{
    background:var(--bg-40) !important;
}

tr.BrowserRowAlter{
    background:var(--bg-warning)
}

ul#insideList{
    list-style-type:disc;
}

ul#topList{
    list-style-image:url(images/bullet.gif)
}

input.RightJustify{
    text-align:right;
}

table.SCsection{
    font-size:10pt;
    border:none;
    width:98%;
    color:var(--clr-sec);
    PADDING:0px;
    margin:7px;
    background:var(--bg-30);
}

table.SCsection TD.title{
    font-size:11pt;
    color:var(--danger);
}

table.SCheader{
    font-size:14pt;
    width:100%;
    color:var(--bg-10);
    background:var(--clr-sec)
}

table.SCsection TABLE.SCinside{
    font-size:10pt;
    width:100%;
    color:var(--clr-sec);
    padding:0px;
    margin:0px;
}

table.SCheader TD.title{
    font-size:14pt;
    FONT-VARIANT:small-caps;
    color:var(--bg-10)
}

/* Headings */
.title-1{
    color:var(--txt-10);
    font-size:18px;
    font-weight:bold;
    margin-bottom:5px;
    display:inline-block;
}

.title-1 td.header{
    color:var(--txt-10);
    font-size:16px;
    font-weight:bold;
}

.title-2{
    border-bottom:1px solid var(--txt-50);
    color:var(--txt-20);
    padding: 10px 0 5px;
    margin: 10px 0 5px;
    font-weight:bold;
}

.title-2 td{
    font-weight:normal;
    padding:0 !important;
}

.title-2 td.header,
.title-2 td.header span{
    color:var(--txt-20);
    font-size:16px;
    font-weight:bold;
}

.title-3{
    color:var(--txt-20);
    font-size:14px;
    margin:5px 0 10px;
    border-bottom:1px solid var(--txt-50);
    padding-bottom:1px;
    font-weight:bold;
}

.title-3 td.header{
    color:var(--txt-20);
    font-size:12px;
    padding:0;
    font-weight:bold;
    margin-bottom: 10px;
}

.header-first{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

td.FormTitleBar{
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    background:none;
    font-size:15px;
    padding:10px 0 5px;
    font-weight:normal;
}

td.TitleBar{
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    background:none;
    font-size:15px;
    padding:10px 0 5px;
    font-weight:normal;
}

/* Layout */
.main-content tr{
    padding-bottom:5px;
}

.required{
    color:var(--clr-sec);
    margin-left:3px;
    font-size:14px;
}

.header-bar{
    padding:5px;
    background:var(--clr-sec);
    color:var(--bg-10);
    display:block;
    margin-bottom:5px;
}

.bg-grey{
    background:var(--bg-30);
    padding:10px;
    margin-bottom:10px;
}

.unbold b{
    font-weight:normal !important;
}

.col-cap{
    width:144px;
}

hr{
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--txt-60);
    height: 1px;
}

.divider-v{
    color:var(--bg-40);
    margin:0 15px;
}

.ldd_pointer{
    cursor:pointer;
}

.expand{
    cursor:pointer;
    margin-right:5px;
    width:17px;
}

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

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

.clear{
    clear:both;
    padding:0;
    margin:0;
    height:1px;
    overflow:hidden;
}

.inactive{
    background:var(--bg-40);
}

.exp-col{
    height:10px;
    margin-right:3px;
}

.rw-width{
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    transition:all 0.1s;
}

.rw-width-wide{
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
}

.settings{
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0; 
    background:var(--bg-10);
}

.main-content{
    padding: 20px;
    background:var(--bg-20);
    margin:0 auto;
    width: 1100px;
    max-width: 100%;
}

.main-content-settings{
    padding: 20px !important;
}

.main-content td{
    padding-bottom:5px;
}

.main-content-main{
    padding:10px 0;
    background:var(--bg-10);
    width:1260px;
    display:block;
}

/* Main Screen */
td.main{
    width:880px;
    vertical-align:top;
    padding:0;
}

.menu .main-content{
    width:1280px;
}

.v-spacer{
    width:10px;
    padding:0;
}

.h-spacer{
    height:10px;
    padding:0;
}
td.aside{
    width:380px;
    vertical-align:top;
    padding:0;
}

.reduce{
    width:calc(100% - 250px);
}

.MainContent > table{
    background:none !important;
    width:100%;
}

/* 4+ Column Layout */
table.fix{
    table-layout:fixed;
}
table.fix td.caption{
    width:auto;
    font-weight:normal;
    vertical-align:top;
    color:var(--txt-20);
    padding-right:5px;
    padding-top:3px;
}

/* Main Header */
div.main{
    width:96%;
    padding:10px 2%;
    background:var(--bg-10);
    margin-bottom:10px;
    border-bottom:1px solid var(--bg-30);
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:100;
}

.new-header{
    width:auto;
    padding:0;
    background:var(--bg-30);
    border-bottom:1px solid var(--txt-60);
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:10000;
    height:55px;
    vertical-align:middle;
    min-width:1000px;
    box-shadow:var(--shadow-10);
}

.new-header .logo{
    display:inline-block;
    height:45px;
    width:45px;
    margin:5px;
    text-align:center;
    position:relative;
    border-radius:3px;
}

.new-header .logo span{
    padding-top:12px;
    font-size:17px;
    display:inline-block;
    color:var(--light);
}

.app-logo{
    height:22px;
    width:auto;
    margin-top:3px;
}

.new-header .main-menu TABLE#divMenuBar TD.clsMenuBarItem{
    color:var(--txt-20) !important;
    font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
    padding:3px;
    letter-spacing:1px;
}

.current-province{
    color:var(--bg-10);
    font-weight:normal;
    font-size:10px;
    height:18px;
    text-transform:uppercase;
    vertical-align:top;
    margin-left:15px;
}

.new-header .main-menu{
    display:inline-block;
    margin-left:20px;
    margin-top:3px;
}

.new-header .main-menu TABLE#divMenuBar TD{
    background:none !important;
}

p.province{
    position:absolute;
    top:28px;
    right:9px;
    font-size:10px !important;
    color:var(--light);
    text-transform:uppercase;
    vertical-align:bottom;
}

.popup-container .new-header{
    position:static;
}

.ldd_sub_body .header-spacer, 
dialog .header-spacer{
    display:none;
}

.ldd_sub_body .main-content, 
.ldd_sub_body .settings{
    padding:0;
    width:100%;
}

.main-nav{
    display:inline-block;
    width:70%;
}

.account-details-container{
    display:inline-block;
    text-align:right;
    width:30%;
    margin-right:-10px;
}

.account-details{
    display:inline-block;
    padding:0;
    text-align:left;
    vertical-align:middle;
    margin:0;
    position:relative;
}

.account-details.hover nav.main{
    display:block;
}

.user-credentials{
    color:var(--txt-20);
    font-size:11px;
}

.logout{
    padding:5px 2px;
    background:var(--clr-sec);
    color:var(--bg-10);
    text-align:center;
    vertical-align:top;
}

.bg{
    background:var(--bg-40);
}

.bg2{
    background:var(--bg-10);
}

.file-header td{
    padding:10px 20px;
    background:var(--bg-30);
    border-bottom:1px solid var(--txt-60);
}

.file-header .dropdown-menu-container{
    z-index:101;
    margin-left:0;
}

.file-header .dropdown-menu{
    z-index:1000;
    margin-left:0;
}

div.file-heading span{
    font-weight:bold;
}

table.file-heading td{
    padding:0;
    border:none;
    margin-bottom:5px;
    vertical-align:top;
}

.file-heading .label{
    color:var(--txt-30);
    font-weight:normal;
    padding-right:5px;
    width:75px;
}

.file-heading, table.file-heading span{
    font-size:14px;
    color:var(--txt-10);
    font-weight:normal;
}

.file-heading .button{
    background:var(--clr-sec);
    color:var(--bg-10);
}

.titleplus-header td{
    padding:0 10px 10px;
}

.main-tool{
    width:26px;
    margin-left:5px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
}

.reline{
    font-size:14px;
    color:var(--bg-caption);
}

#imgSticker{
    width:30px;
}

nav.main{
    display:inline-block;
    margin-left:10px;
    vertical-align:top;
    height:55px;
}

nav.main ul{
    padding-top:15px;
    font-size:14px;
}

nav.main li{
    list-style:none;
    display:inline-block;
    position:relative;
}

nav.main li a{
    display:inline-block;
    font-size:15px;
    color:var(--txt-10) !important;
    height:19px;
    padding:18px 10px;
}

nav.main li .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    padding:1px 0 0;
    z-index:10;
    margin:0;
    width:255px;
    box-shadow:none;
}

nav.main li:hover .sub-menu{
    display:block;
}

nav.main li .sub-menu li{
    display:block;
    background:var(--bg-10);
    padding:10px;
    font-size:14px;
    text-transform:none;
    margin:0;
    display:block;
    cursor:pointer;
    color:var(--txt-10);
    border:1px solid var(--txt-60);
    border-top:none;
}
nav.main li .sub-menu li:hover{
    background:var(--clr-sec);
    color:var(--light);
}

.ui-menu-divider{
    display:none !important;
}

.sub-menu-container li.sub-menu ul{
    display:none;
    position:absolute;
    top:100%;
    padding:1px 0 0;
    z-index:10;
    margin:0;
    width:255px;
    box-shadow:none;
}

.sub-menu-container li.sub-menu:hover ul{
    display:block;
}

li.sub-menu-holder .sub-menu{
    display: none;
    position: absolute;
    top: 0;
    right:100%;
    padding: 1px 0 0;
    z-index: 10;
    margin: 0;
    width:255px;
    box-shadow: none;
}

li.sub-menu-holder:hover .sub-menu{
    display: block;
}

li.sub-menu-holder:hover .sub-menu li {
    color: var(--txt-10) !important;
}

.header-button{
    display:inline-block;
    height:55px;
    max-width:300px;
    position:relative;
    cursor:pointer;
}

.header-button > i{
    display:inline-block;
    padding:20px 20px 20px 0px;
    font-size:16px;
}

.header-button > i:before{
    color:var(--txt-20);
}

.header-button ul{
    display:none;
    position:absolute;
    top:100%;
    right:100%;
    width:calc(100% + 5px);
    background:var(--bg-10);
    z-index:1000;
}

.header-button ul li{
    list-style:none;
    background:var(--bg-10);
    padding:10px;
    font-size:14px;
    text-transform:none;
    margin:0;
    display:block;
    cursor:pointer;
    text-align:left;
}

.header-button ul li:hover{
    background:var(--clr-sec);
    color:var(--bg-10);
}

/* Sticky Notes */
.sticky-note-container{
    border:1px solid var(--txt-60);
    background:var(--bg-30);
}

.sticky-note-header{
    padding:5px;
    background:var(--bg-30);
    text-align:right;
}

.sticky-note-body{
    padding:5px;
    background:var(--bg-10);
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
    height:140px;
}

.sticky-note-footer{
    padding:5px;
    background:var(--bg-30);
    font-size:11px;
}

.sticky-note-footer td, 
.sticky-note-footer span{
    font-size:11px;
}

/* Main Tabs */
.main-tabs{
    table-layout:auto;
    width:100%;
    background:var(--bg-30);
}

.main-tabs table{
    width:100%;
}

.tabhi{
    padding:10px;
    display:table-cell;
    text-align:center;
    cursor:pointer;
    background:var(--bg-10);
    border-left:1px solid var(--txt-60);
    color:var(--clr-sec);
    height:30px;
}

.tabhia, 
.tabhib, 
.tabhic{
     display:table-cell;
    text-align:center;
    cursor:pointer;
}

.tablo{
    padding:10px;
    display:table-cell;
    text-align:center;
    cursor:pointer;
    background:var(--bg-30);
    border-bottom:1px solid var(--txt-60);
    border-left:2px solid var(--bg-40);
    height:30px;
}

.tabloa, 
.tablob, 
.tabloc{
     display:table-cell;
    text-align:center;
    cursor:pointer;
}

.tablol, 
.tablor, 
.tabnone{
    border-bottom:var(--bg-40) 1px solid;
    background:var(--bg-30);
}

.main-tabs .sub-tab{
    padding:8px 5px;
    cursor:pointer;
    text-align:center;
    color:var(--bg-caption);
    background:var(--bg-30);
    border-bottom:1px solid var(--txt-60);
    border-left:1px solid var(--txt-60);
}

.main-tabs .span{
    cursor:pointer;
}

.main-tabs .sub-tab-active{
    padding:8px 5px;
    cursor:pointer;
    text-align:center;
    color:var(--clr-sec);
    background:var(--bg-10);
}

.main-tabs .sub-tab-active h1{
    font-size:15px;
    font-weight:normal;
    display:inline-block;
    color:var(--txt-20);
}

.main-tabs-content{
    padding: 10px;
    background: var(--bg-20);
    border-radius: 10px;
}

.first-tab{
    border-left:0 !important;
}

.tabhib{
    display:table-cell;
    background:var(--bg-10);
    border-bottom:none;
}

td.tabnone{
    width:0;
}

/* Secondary Tabs */
.sub-tabs-container{
    width:100%;
    table-layout:auto;
}

.sub-tabs-container .sub-tab{
    background:var(--bg-10);
    cursor:pointer;
    text-align:center;
}

.sub-tabs-container .sub-tab span{
    color:var(--bg-caption);
    padding:13px 5px;
    border-bottom:3px solid var(--bg-40);
    display:block;
    margin:0 2px;
}

.sub-tabs-container .sub-tab p, 
.sub-tabs-container .sub-tab i{
    color:var(--bg-caption);
}

.sub-tabs-container .sub-tab-active, 
.sub-tabs-container .sub-tab-active p, 
.sub-tabs-container .sub-tab-active i{
    color:var(--clr-sec);
}

.sub-tabs-container .sub-tab-active span{
    color:var(--clr-sec);
    border-bottom:3px solid var(--clr-sec);
}

/* Section Tabs */
.section-tabs-container{
    width:100%;
    table-layout:fixed;
}

.section-tabs-container .sub-tab{
    padding:13px 0;
    cursor:pointer;
    text-align:center;
    color:var(--bg-caption);
    background:var(--bg-30);
    border:1px solid var(--txt-60);
}

.section-tabs-container .span{
    cursor:pointer;
}

.section-tabs-container .sub-tab-active{
    color:var(--clr-sec);
    background:var(--bg-30);
    border:1px solid var(--txt-60);
    border-bottom:1px solid var(--bg-30);
}

.section-tabs-container .sub-tab-active span{
    color:var(--clr-sec);
    font-weight:bold;
}

.section-tabs-content{
    padding:10px;
    background:var(--bg-30);
    border:1px solid var(--txt-60);
}

.section-tabs-content .input-inactive{
    background: var(--bg-40);
}

.settings-panel{
    padding:10px;
    background:var(--bg-30);
    margin-bottom:5px;
    border-bottom:5px solid var(--bg-10);
}

/* Sidetabs */
.sidetab-container{
    padding:10px;
    background:var(--bg-30);
    border-radius: 5px;
}

.sidetab,
.sidetab-active{
    padding: 3px 0 !important;
}

.sidetab span, 
.contact-list span{
    display: block;
    padding: 5px;
    color: var(--txt-20);
    cursor: pointer;
    border-radius: 5px;
}

.sidetab span:hover, 
.contact-list span:hover{
    background: var(--bg-40);
    color: var(--txt-10);
}

.sidetab-active span, 
.contact-list-active span{
    display: block;
    background: var(--bg-info);
    padding: 5px;
    color: var(--clr-sec);
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold
}

.sidetab-cancelled span{
    display: block;
    padding: 5px;
    background: var(--bg-20);
    cursor: pointer;
    border-radius: 5px;
    color: var(--danger);
}

.sidetab-cancelled-active span{
    display: block;
    background: var(--bg-danger);
    padding: 5px;
    color: var(--danger);
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold
}

/* Text Formatter */
.text-formatter{
    background:var(--bg-30);
    padding:2px;
    border:1px solid var(--txt-60);
}

.text-formatter span img{
    border:0 !important;
}

/* Dropdown */
.dropdown-menu-container{
    position:relative;
    z-index:100;
    display:inline-block;
    visibility:visible;
    margin:0 0 0 10px;
}

.dropdown-menu{
    position:absolute;
    top:100%;
    right:0;
    background:var(--bg-10);
    border:1px solid var(--txt-60);
    border-bottom:none;
    text-align:left;
    margin:0;
    padding:0;
    display:inline-block;
    z-index:1000;
}

.dropdown-menu-no-list{
    padding:10px;
    width:200px;
    border-bottom:1px solid var(--txt-60);
}

.dropdown-menu-no-list div{
    padding:5px 0;
}

.no-hover li:hover{
    background:none !important;
}

.dropdown-menu ul{
    margin:0;
    padding:0;
}

.dropdown-menu li{
    padding:10px;
    color:var(--txt-10);
    cursor:pointer;
    width:230px;
    background:var(--bg-10);
    border-bottom:1px solid var(--txt-60);
    list-style:none;
    position:relative;
}

.dropdown-menu li.link{
    background:var(--bg-30);
}

.dropdown-menu li:hover{
    background:var(--bg-30);
    cursor:pointer;
}

.dropdown-menu .sub-menu{
    display:none;
    position:absolute;
    right:100%;
    top:0;
    border:1px solid var(--txt-60);
    border-bottom:none;
}

.dropdown-menu li:hover .sub-menu{
    display:block;
}

.expanded .open, 
.collapsed .close, 
.collapsed .dropdown-menu, 
.dropdown-menu-container i.ldd-caret-up, 
.dropdown-menu-container.expanded i.ldd-caret-down, 
.dropdown-menu-container i.ldd-close, 
.dropdown-menu-container.expanded i.ldd-settings{
    display:none;
    visibility:hidden;
}

.expanded .close, 
.collapsed .open, 
.expanded .dropdown-menu, 
.dropdown-menu-container i.ldd-caret-down, 
.dropdown-menu-container.expanded i.ldd-caret-up, 
.dropdown-menu-container i.ldd-settings, 
.dropdown-menu-container.expanded i.ldd-close{
    display:inline-block;
    visibility:visible;
}

.hidden, .expanded .shown{
    display:none;
}

.expanded .hidden{
    display:block;
}

.expanded .tool-icon.hidden{
    display:inline-block;
}

/* Buttons */
.btn, 
.btn-2, 
button, 
.xp, 
input.LookUpButton, 
.button, 
button, 
a.btn-2, 
a.btn-2:link, 
.file-header span.button{
    border:1px solid transparent;
    padding:7px 12px;
    color:var(--light);
    background:var(--clr-sec);
    margin:0 3px 1px 0;
    cursor:pointer;
    text-transform:capitalize;
    display:inline-block;
    vertical-align:top;
    border-radius:20px;
}

span.button a, 
span.button a:link, 
span.button a:visited{
    color:var(--light) !important;
}

.btn-primary, 
.button-highlight, 
.popup-header span.button{
    border: 1px solid var(--clr-sec);
    background: var(--clr-sec) !important;
    color: var(--light) !important;
    text-align: center;
    font-weight: normal !important;
}

.btn-primary:hover, 
.button-highlight:hover, 
.popup-header span.button:hover{
    background: var(--clr-sec) !important;
    color: var(--light) !important;
    opacity: 0.9;
}

.btn-secondary{
    border:1px solid var(--clr-sec);
    background:var(--bg-10);
    color:var(--clr-sec);
}

.btn-tertiary, 
.btn-text{
    color:var(--clr-sec);
    background:none;
    display:inline-block;
}

.btn-inactive, 
.button-inactive{
    background:var(--bg-30);
    color:var(--txt-30) !important;
    pointer-events:none;
    cursor:none;
}

.xp:disabled, 
.xp[disabled], 
button:disabled, 
button[disabled], 
.button:disabled, 
.button[disabled]{
    background:var(--txt-60) !important;
    color:var(--txt-30) !important;
    border-color:var(--txt-60) !important;
}

#htmlPropertyDiv{
    z-index: 1;
    background:var(--bg-30) !important;
    border-width:1px;
    padding:10px;
}

#htmlPropertyDiv *{
    color:var(--txt-10);
}

#htmlPropertyDiv button{
    color:var(--light);
}

#htmlToolbar{
    background:var(--bg-30) !important;
    border:1px solid var(--txt-60) !important;
    text-align:center;
    z-index: 1;
}

#htmlToolbar table{
    width:100%;
}

#htmlPropertyDiv button, #htmlToolbar button{
    height:auto !important;
}

/* Notifications */
.alert{
    display:block;
    padding:10px;
    margin-bottom:5px;
    width:auto;
    max-width:none !important;
    border-radius:5px;
    background:var(--bg-30);
    border: 1px solid var(--txt-60);
    color:var(--txt-10);
    text-align: left;
}

.alert > *,
.alert > * > *{
    color: inherit !important;
}

.alert h2{
    font-size:14px;
    font-weight:normal;
}

.alert td{
    vertical-align:middle;
    padding:0 !important;
}

.alert .btn{
    background:var(--clr-sec);
    border:none;
    outline:none;
    color:var(--light);
}

.alert-primary{
    color: var(--txt-info);
    background: var(--bg-info);
    border-color:var(--bdr-info);
}

.alert-primary button, 
.alert-primary .btn{
    background:var(--clr-sec);
}

.alert-primary .btn-text{
    color:var(--clr-sec);
    background:none;
    display:inline-block;
}

.alert-warn{
    color: var(--txt-warning);
    background:var(--bg-warning);
    border-color:var(--bdr-warning);
}

.alert-warn button, .alert-warn .btn{
    background:var(--warning);
}

.alert-fail{
    color:var(--txt-danger);
    background:var(--bg-danger);
    border-color:var(--bdr-danger);
}

.alert-fail button, .alert-fail .btn{
    background:var(--danger);
}

.alert-pass{
    color: var(--txt-success);
    background:var(--bg-success);
    border-color:var(--bdr-success);
}

.alert-pass button, .alert-pass .btn{
    background:var(--success);
}
 
.notification-text{
    color:var(--danger);
}

.hover-help{
    background: var(--bg-info);
    color: var(--txt-10);
    padding: 10px;
    font-size: 14px;
}

/* Toast */
#toast-container{
    width:200px;
    position:fixed;
    top:60px !important;
    right:60px;
    z-index:1000;
    pointer-events:none;
}

.toast{
    width:200px;
    display:none;
    padding:10px;
    margin-bottom:5px;
}

.toast-primary{
    background:var(--bg-info);
    color:var(--clr-sec);
    border-left:3px solid var(--clr-sec);
}

.toast-pass{
    background:var(--bg-success);
    color:var(--success);
    border-left:3px solid var(--success)
}

.toast-warn{
    background:var(--bg-warning);
    color:var(--warning);
    border-left:3px solid var(--warning);
}

.toast-fail{
    background:var(--bg-danger);
    color:var(--danger);
    border-left:3px solid var(--danger);
}
#toast.show{
    display:block;
}

/* Captions */
.caption-container .caption{
    font-weight:normal;
}

.caption{
    font-weight:normal;
    text-align:left;
}
td.caption{
    width:20%;
    font-weight:normal;
    vertical-align:top;
    color:var(--txt-20);
    padding-right:5px;
    padding-top:3px;
}
span.caption, .caption span{
    font-weight:normal;
    vertical-align:top;
    color:var(--txt-20);
    display:inline-block;
}
td.content{
    width:30%;
    vertical-align:top;
}
td.content-full{
    width:78%;
    vertical-align:top;
    padding-top:3px;
}
td.contact-tools{
    text-align:left;
    width:100px;
    vertical-align:top;
}

.icon{
    width:22px;
    margin-right:2px;
    vertical-align:middle;
}

/* Tables - General */
thead tr td{
    font-weight: bold;
}

tr.list-row:hover{
    background: var(--bg-30);
    cursor: pointer;
}

.table,
.new-table,
.new-alt-table table{
    width: 100%;
}

.table thead tr th,
.table thead tr td,
table.financial thead tr th,
table.financial thead tr td,
.new-alt-table thead tr th,
.new-alt-table thead tr td,
table.list thead th,
table.list thead td{
    color: var(--txt-30);
    background: var(--bg-20);
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

table thead tr span{
    color: inherit;
}

.table thead tr:first-of-type td:first-of-type,
.table thead tr:first-of-type th:first-of-type{
    border-top-left-radius: 10px;
}

.table thead tr:first-of-type td:last-of-type,
.table thead tr:first-of-type th:last-of-type{
    border-top-right-radius: 10px;
}

.table td{
    padding: 4px;
    vertical-align: top;
}

.table tfoot td{
    border-top: 1px solid var(--txt-50);
    vertical-align: middle;
    font-weight: bold;
}

.table tfoot td span{
    vertical-align: middle;
    font-weight: bold;
}

.border tbody td, 
tr.border td{
    border-bottom: 1px solid var(--txt-50);
}

.new-alt-table{
    margin-bottom: 10px;
    width: 100%;
}

tr.new-alt-table-tr{
    color:var(--txt-20);
    background:var(--bg-30);
}

tr.new-alt-table-tr td{
    padding:5px;
    vertical-align:top;
}

.new-alt-table th{
    padding:6px;
    text-align:left;
}

.new-alt-table td{
    padding:6px;
    border-bottom:1px solid var(--txt-60);
    vertical-align:top;
}

.table-extra td{
    padding:8px 5px;
}

.new-alt-table .no-border td, 
.new-alt-table.no-border td, 
.no-border td{
    border:none !important;
    border-bottom:none !important;
}

.new-alt-table .v-middle td, 
.new-alt-table.v-middle td{
    vertical-align:middle;
}

.new-alt-table .no-padding tr, 
.new-alt-table.no-padding tr{
    padding:2px 0 !important;
}

.searches tr{
    vertical-align:middle;
    padding-bottom:0;
}

table.section{
    border:7px solid var(--bg-30);
    background:var(--bg-30);
    width:100%;
    margin-top:10px;
}

table.section .title-2{
    margin:0;
}

.new-inner-table td{
    border:none;
}

.even{
    background:var(--bg-30) !important;
}

.no-padding td{
    padding:0 !important;
}

.hover{
    background:var(--bg-30);
    cursor:pointer;
}

.hightlight{
    background: var(--bg-info)
}

.label-contact{
    padding-left:85px;
}

.totals td{
    font-weight:bold;
}

.totals td input{
    vertical-align:middle;
}

/* Tables - List */
table.list{
    width:100%;
    border-collapse:collapse;
}

table.list td{
    padding:6px;
    position:relative;
}

table.table-hover tr:hover{
    background:var(--bg-30);
    cursor:pointer;
}

/* Tables - Financial */
table.financial{
    width:100%;
    border-collapse:collapse;
}

table.financial td{
    padding: 3px 6px;
    position: relative;
}

table.financial span.caption{
    margin-right: 2px;
}

table.financial td .input-inactive{
    background: none;
    border: none;
    color: var(--txt-10);
}

table.financial tfoot tr.totals td{
    border-top: 1px solid var(--txt-60);
    vertical-align: middle;
}

table.financial tfoot tr td .input-inactive{
    width:auto;
}

table.financial tr.totals span, 
table.financial tr.totals .input-inactive{
    font-weight:bold;
}

table.financial input{
    margin:0;
}

table.financial .input-money{
    width:100px;
}

table.financial .input-auto{
    width: auto;
    max-width: 100%;
}

table.financial .section{
    padding:10px;
    background:var(--bg-30);
}

.prefix{
    padding: 7px 0 0;
    display: inline-block;
}

.fix{
    table-layout:fixed;
}

/* Documents List */
.doc-list{
    background:var(--bg-30);
    padding:10px;
    margin-bottom:1px;
}

.doc-list-header{
    background:var(--bg-30);
    display:block;
    padding:5px;
    margin-top:1px;
    font-weight:bold;
}

.doc-list-category{
    background:var(--bg-30);
    display:block;
    padding:5px;
    margin-top:1px;
    font-weight:bold;
    clear:both;
    min-height:20px;
    border-radius: 5px;
}

.doc-list-category .doc-title{
    float:none;
    width:600px;
}

.doc-list-category span{
    font-weight:bold;
    padding-left:0;
}

.doc-list-item{
    padding:3px 3px 3px 26px;
    border-top:1px solid var(--txt-60);
    transition:all 0.1s;
    clear:both;
    min-height:20px;
}

.doc-list-item span.caption{
    margin:0;
    display:inline-block;
    width:50px;
}

.doc-list-item:hover{
    transition:all 0.02s;
    cursor:pointer;
}

.doc-list-item:hover .doc-title{
    font-weight:bold;
    transition:all 0.02s;
}

.doc-list-item .legend{
    margin-left:5px;
    float:left;
}

.doc-title{
    max-width:60%;
    padding-left:5px;
    margin-top:2px;
    display:inline-block;
}

.doc-tools{
    min-width:250px;
    text-align:right;
    float:right;
}

.doc-list-item .doc-action{
    visibility:hidden;
    display:inline-block;
    text-align:left;
}

.doc-list-item:hover .doc-action{
    visibility:visible;
}

.doc-tools .tool-icon{
    margin-left:3px;
}

.doc-tools a{
    float:left;
}

.doc-sub-cat{
    margin-left:0 !important;
}

.doc-sub-cat .doc-list-category{
    background:var(--bg-30);
    padding-left:25px;
}

.doc-sub-cat .doc-title{
    padding-left:10px;
    width:580px;
    min-width:580px;
}

.doc-sub-cat .legend{
    margin-left:27px;
}

.doc-tools .dropdown-menu-container{
    z-index:unset !important;
}

/* Account Setup Checklist */
.AccountSetup span, .AccountSetup a{
    color:var(--clr-sec);
    font-weight:300;
}

.AccountSetup td{
    vertical-align:middle;
}

span.AccountSetupMain{
    font-weight:700;
    font-size:15px;
    color:var(--clr-sec);
}

td.AccountSetupHead, 
span.AccountSetupHead{
    font-weight:400;
    color:var(--txt-10);
}

/* Status */
.status-section{
    width:100%;
    table-layout:fixed;
    margin-bottom:10px;
}

.status-panel{
    background:var(--bg-30);
    border:1px solid var(--txt-60);
    padding:5px;
}

.status-panel .date{
    text-align:right;
    font-size:11px;
    display:inline-block;
    padding-top:5px;
}

.status-separator{
    width:15px;
    padding:0;
}

.status-separator hr{
    padding-top:50%;
    height:1px;
    border:1px solid var(--txt-60);
}

.status-active{
    color:var(--clr-sec);
}

.status-pass{
    color:var(--success);
}

.status-warn{
    color:var(--warning);
}

.status-fail{
    color:var(--danger);
}

.status-inactive{
    color:var(--txt-30);
}

/* Tooltips */
.tooltip{
    color:var(--clr-sec);
    font-size:11px;
    font-weight:bold;
    padding:0 3px;
}

.help-note{
    font-size:11px;
    color:var(--txt-20);
    margin-left:5px;
}

.note{
    color:var(--txt-20);
}

/* Toolbox */
.toolbox{
    width:250px;
    left:100%;
    padding:10px;
    background:var(--bg-30);
    top:-42px;
    position:absolute;
    overflow:hidden;
}

.remove-background{
    background:none !important;
}

.toolbox-item{
    width:100%;
    background:var(--bg-30);
    padding:0;
}

.toolbox ol, .toolbox ul{
    margin-left:0;
    padding-left:15px;
}

.toolbox li{
    margin-left:5px;
    margin-bottom:5px;
}

.sidebox-container{
    position: relative;
}

.sidebox{
    width: 270px;
    right: -305px;
    position: absolute;
    min-height: 300px;
    max-height: 500px;
    z-index: 10;
    background: var(--bg-10);
    border-radius: 10px;
    margin: 0 !important;
    border: 1px solid var(--txt-60);
    box-shadow: var(--shadow-10);
}

.sidebox-panel{
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: 10px;
}

.MultiDocList{
    overflow: auto;
    padding: 5px 10px 45px;
    max-height: 400px;
}

.MultiDocButtonBar{
    position: absolute;
    bottom: -40px;
    left: 10px;
    right: 10px;
    bottom: 0px;
    height: 20px;
    background: var(--bg-10);
    padding: 10px;
    border-top: 1px solid var(--txt-60);
}

.sidebox h2.title-2{
    margin: 0;
    padding: 10px;
    background: var(--bg-30);
    height: 20px;
    border-bottom: 1px solid var(--txt-60);
    border-radius: 10px 10px 0 0;
}

.sidebox-expanded{
    padding:0;
    background:var(--bg-10);
}

.sidebox-collapsed{
    padding:0;
}

.sidebox-collapsed .sidebox-content{
    display:none;
}

.sidebox-collapsed .expanded{
    display:none;
}

.sidebox-collapsed .sidebox-header{
    border-bottom:none;
}

.sidebox-expanded .collapsed{
    display:none;
}

.sidebox-header{
    padding:10px;
    width:auto;
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    cursor:pointer;
}

.sidebox-header span{
    color:var(--clr-sec);
}

.sidebox-header .tool-icon{
    margin-top:-5px;
}

.sidebox-content{
    padding:10px;
    width:auto;
}

.sidebox-content td{
    padding-bottom:5px;
}

.sidebox ol, .sidebox ul{
    margin-left:15px;
    padding:0;
}

.sidebox p{
    margin-bottom:15px;
}

.sidebox li{
    margin-left:5px;
    margin-top:5px;
}

.sidebox h2.title-2{
    margin:0 0 5px;
}

.sidebox h3{
    font-size:14px;
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    font-weight:normal;
    margin:5px 0 0;
}

/* Legend */
.legend-container{
    padding: 5px;
    background: var(--bg-10);
    text-align: center;
    border-radius: 5px;
}

.legend-colors{
    margin:4px 5px 2px 0;
    width:12px;
    height:12px;
}

.legend{
    margin:4px;
    padding:0;
    width:12px;
    height:12px;
    font-size:0;
    display:inline-block;
    color:var(--lgnd-default);
    background:var(--lgnd-default);
    vertical-align:middle;
    border-radius: 2px;
}

.legend-ldd, .legend-system{
    color:var(--lgnd-system);
    background:var(--lgnd-system);
}

.legend-system-customized{
    color:var(--lgnd-customized);
    background:var(--lgnd-customized);
}

.legend-system-customized-firm{
    color:var(--lgnd-customized-firm);
    background:var(--lgnd-customized-firm);
}

.legend-user{
    color:var(--lgnd-user);
    background:var(--lgnd-user);
}

.legend-user-project{
    color:var(--lgnd-user-project);
    background:var(--lgnd-user-project);
}

.legend-user-firm{
    color:var(--lgnd-user-firm);
    background:var(--lgnd-user-firm);
}

.legend-user-projectFirm{
    color:var(--lgnd-user-projectFirm);
    background:var(--lgnd-user-projectFirm);
}

span.legend-colors{
    display:inline-block;
}

.legend-container span.caption{
    vertical-align:middle;
    margin-right:5px;
}

.legend-container .tool-icon{
    cursor:default !important;
}

.legend-container .tool-icon{
    cursor:default !important;
}

.legend-b{
    border:0;
    padding:0 0 0 5px;
    margin:5px 0 5px 18px;
    border-left:12px solid;
    cursor:pointer;
    min-height:auto;
}

.legend-ldd-b, .legend-system-b{
    border-left-color:var(--lgnd-system);
}

.legend-system-customized-b{
    border-left-color:var(--lgnd-customized);
}

.legend-system-customized-firm-b{
    border-left-color:var(--lgnd-customized-firm);
}

.legend-user-b{
    border-left-color:var(--lgnd-user);
}

.legend-user-project-b{
    border-left-color:var(--lgnd-user-project);
}

.legend-user-firm-b{
    border-left-color:var(--lgnd-user-firm);
}

.legend-user-projectFirm-b{
    border-left-color:var(--lgnd-user-projectFirm);
}

/* Panels */
.heading{
    background:var(--bg-30);
    padding:0;
}

.heading td{
    padding:5px;
    border-bottom:1px solid var(--txt-60);
}

.heading td table td{
    border-bottom:none;
}

.heading td h1{
    font-size:17px;
    font-weight:normal;
    display:inline-block;
    color:var(--txt-20);
}

.heading img{
    cursor:pointer;
}

.heading span.caption{
    margin:0;
    vertical-align:middle;
}

.searchbar{
    border-radius: var(--bdr-r-10);
    border: 1px solid var(--txt-50);
    padding: 4px 7px;
    color: var(--txt-10);
    background-color: var(--bg-10);
    outline: none;
    width: 150px;
    margin-left: 3px;
}

.panel{
    border:1px solid var(--bg-30);
    background:var(--bg-10);
}

.panel .btn-2{
    color:var(--clr-sec);
    display:block;
    padding:5px;
    text-align:left;
    margin:3px 0 0;
}

.filters{
    margin-right:7px;
    cursor:pointer;
    display:inline;
    vertical-align:middle;
}

.filter-icon{
    height:12px;
    margin-top:3px;
    margin-right:3px;
}

.filters .tool-icon{
    margin-right:-2px;
}
#iframeDelayLoader{
    border:1px solid var(--txt-60);
}

.main-list, .main-list table{
    background:none !important;
    border-collapse:collapse;
}

.main-list table tbody td{
    border-bottom:1px solid var(--txt-60);
}

/* Popups */
.window{
    position:absolute;
    top:30px;
    left:0;
    z-index:1000;
}

.window-middle{
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%);
    border:1px solid var(--txt-60);
}

.window-sm{
    width:400px;
}

.popup-container{
    padding:0;
    margin:0 auto;
    background: var(--bg-20);
    max-width: 100%;
    height: 100%;
}

.popup-container:has(#ReactCompatShellPopupHeader[style="display: none;"]){
    display: none;
}

.popup-controls{
    text-align:center;
    background: var(--bg-20);
}

.popup-header{
    padding: 8px 15px !important;
    background:var(--bg-20) !important;
    margin: 0;
    border-top: 1px solid var(--txt-50) !important;
    border-bottom: 1px solid var(--txt-50) !important;
    vertical-align:middle;
}

.popup-header td{
    padding: 0 !important;
}

.popup-header h2{
    margin: 0;
    border: none;
    font-weight: bold;
}

.popup-header h2 span{
    color: inherit;
    margin: 4px 0 0;
    border: none;
    font-weight: inherit;
}

.popup-body{
    background: var(--bg-20);
    padding: 20px;
    min-height: 300px;
}

.popup-body.no-pad{
    padding:0;
}

.popup-body h2{
    border-bottom:1px solid var(--txt-50);
    margin-top:10px;
    padding-bottom:5px;
}

.popup-body h3{
    color:var(--txt-20);
    font-size:14px;
    margin:10px 0 5px;
    font-weight:bold;
}

.popup-body h4{
    color:var(--txt-20);
    font-size:14px;
    margin:0;
}

.popup-body td{
    padding-bottom:5px;
}

.popup-body .new-alt-table td{
    padding:6px;
}

.popup-body .caption{
    font-weight:normal !important;
}

.popup-sm td.caption{
    width:50%;
}

.popup-md td.caption{
    width:33%;
}

.popup-lg td.caption{
    width:25%;
}

.popup-tab-container{
    width:100%;
    background:var(--bg-40);
    border:1px solid var(--bg-30);
}

.popup-tab-container .close-icon{
    width:20px;
    font-size:17px;
    cursor:pointer;
    float:right;
    color:var(--bg-10);
}

.popup-tab{
    padding:10px 20px;
    text-align:center;
    color:var(--txt-20);
    display:inline-block;
    font-size:17px;
}

.popup-tab-active{
    background:var(--bg-10);
}

.popup-container .legend-container{
    border-bottom: 1px solid var(--txt-60);
}

.dialog-title{
    background:var(--bg-30);
    padding:5px 10px;
    display:block;
    border-bottom:1px solid var(--txt-60);
    text-align:right;
}

dialog{
    border:none;
    box-shadow:5px 5px 15px var(--txt-10)30;
    padding:0px !important;
    overflow:hidden;
}

div.ldd_overlay{
    position:fixed;
    background:var(--bg-30);
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
}

/* Popups - Selection */
.last-col{
    text-align:right;
    width:80px;
}

td.BrowserAction{
    font-weight:bold;
    color:var(--clr-sec);
    cursor:pointer;
}

td.BrowserAction a.BrowserAction{
    text-decoration:none;
    font-weight:bold;
    color:var(--clr-sec);
    cursor:pointer;
}

.BrowserHeader{
    color:var(--txt-20);
    background:var(--bg-30);
    padding:3px;
    cursor:pointer;
}

.BrowserHeader a{
    color:var(--clr-sec);
    cursor:pointer;
}

tr.SelectRow{
    background:var(--bg-10);
    vertical-align:middle;
    cursor:pointer;
}

td.SelectRow{
    cursor:hand;
    vertical-align:middle;
}

td.BrowserHeaderAction{
    font-weight:bold;
    color:var(--bg-10);
    text-align:center;
    background:var(--clr-sec);
    cursor:pointer;
}

td.BrowserTitle{
    font-weight:bold;
    text-align:center;
}

td.BrowserSubTitle{
    text-align:right;
}

/* Widget */
.widget-container{
    width:400px;
    height:100%;
    padding:0;
    margin:0;
    background:var(--bg-30);
}

.widget-container td{
    padding-bottom:0;
}

.widget-container table{
    table-layout:fixed;
}

.widget-container .caption{
    width:50%;
}

.widget-container .content{
    text-align:right;
    width:50%;
}

.widget-container .input{
    width:120px;
}

.widget-container .input-calendar{
    width:115px;
}

.widget-container .notify-text{
    color:var(--clr-sec);
    padding:5px 0;
    text-align:left;
}

.widget-container h3{
    color:var(--clr-sec);
    font-size:14px;
    font-weight:bold;
}

.widget-header{
    width:400px;
    background:var(--clr-sec);
    padding:10px;
}

.widget-header h1{
    font-size:15px;
    color:var(--bg-10);
    margin-left:5px;
}

.widget-result{
    background:var(--bg-30);
    padding:20px;
    text-align:right;
    border-top:1px solid var(--txt-60);
    border-bottom:1px solid var(--txt-60);
    height:80px;
}

.widget-result .result{
    color:var(--txt-20);
    font-size:38px;
    text-align:right;
}

.widget-body{
    padding:20px;
    width:100%;
    height:415px;
    overflow-y:auto;
}

.widget-body td{
    padding-bottom:10px;
}

/* Sidebar */
.sidebar-container{
    background:var(--bg-30);
    width:20%;
}

.sidebar-header{
    border-bottom:2px solid var(--bg-10);
    color:var(--txt-20);
    padding:10px;
}

.sidebar:not(.sidebar.hide-tab-bar){
    background:var(--bg-30);
    padding:10px;
    border-radius: 5px;
    min-width: 130px;
}

.sidebar h2{
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    font-weight:normal;
}

.sidebar h3{
    border-bottom:1px solid var(--txt-60);
    color:var(--clr-sec);
    font-weight:normal;
}

.sidebar-item{
    color:var(--txt-20);
}

.sidebar-item-active{
    color:var(--clr-sec);
    border-left:2px solid var(--clr-sec);
    padding-left:5px;
}

.sidebar-2{
    background:var(--bg-30);
    vertical-align:top;
    width:22%;
}

.sidebar-2 td{
    border-bottom:1px solid var(--bg-10);
    padding:5px;
}

.side-tab{
    display:block;
    margin-bottom:5px;
    word-wrap:break-word;
    max-width:200px;
}

.pane{
    padding:0 15px;
}

.sidebar-right{
    border-left:1px solid var(--txt-50);
    padding:10px 15px;
}

/* Bulletins */
.bulletin-area{
    left:760px;
    position:absolute;
    top:70px !important;
    overflow-y:auto;
    width:280px;
}

.bulletin{
    width:100%;
}

.bulletin-image{
    width:100%;
    padding-bottom:33%;
    position:relative;
    overflow:hidden;
    background:var(bg-pri);
}

.bulletin-image img{
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    right:0;
}

.bulletin-body{
    padding:10px;
    background:var(--bg-10);
    height:188px;
    overflow-y:auto;
}

.bulletin h1{
    font-weight:normal;
    color:var(--clr-sec);
    margin-bottom:5px;
}

.bulletin h2{
    color:var(--txt-20);
    margin-bottom:5px;
}

.bulletin p, .bulletin span{
    color:var(--txt-20);
    margin-bottom:7px;
}

.bulletin ul{
    color:var(--txt-20);
    margin:0 0 5px 20px;
    line-height:120%;
}

.bulletin li{
    color:var(--txt-20);
    margin-bottom:2px;
}

.bulletin a{
    color:var(--clr-sec);
}

.aside .bulletin-area{
    width:100%;
    left:auto;
    position:static;
    top:auto !important;
    overflow-y:auto;
    min-width:200px;
}

/* Footer */
footer, 
.footer{
    text-align:center;
    padding:5px 0 20px;
}

footer span, 
.footer span{
    color:var(--txt-20);
}

footer img, 
.footer img{
    width:30px;
    margin:0 5px -10px;
    display:inline-block;
}

/* Utility Reminder */
.container{
    margin:0 auto -170px;
    width:450px;
    min-height:100%;
}

.util-update a, 
.util-update p, 
.util-update span, 
.util-update li, 
.util-update h2{
    line-height:120%;
}

.util-update h2{
    margin-bottom:10px;
}

.tile{
    margin-bottom:10px;
}

.tile ul{
    padding:0 0 0 20px;
    margin:0;
}

.tile ul li{
    margin-bottom:12px;
    list-style-image:url('../images/rw-pointer.png');
}

.tile ul li p+p{
    margin-top:5px;
}

.skip-link{
    color:var(--clr-sec);
    cursor:pointer;
    text-align:center;
}

.spacer{
    height:50px;
    display:block;
}

/* LDD Footer */
.ldd-footer{
    text-align:center;
    background:var(--bg-30);
    padding:40px 20px;
    height:90px;
    position:relative;
    z-index:-1;
}

.push{
    height:170px;
}

.ldd-footer img{
    height:40px;
    margin-bottom:40px;
    width:auto !important;
}

.ldd-footer p{
    font-size:9px;
    color:var(--txt-20);
}

/* Printable Calendar */
.print-text-8, 
.print-text-8 span{
    font-size:8pt;
}

.print-text-9, 
.print-text-9 span{
    font-size:9pt;
}

.print-text-10, 
.print-text-10 span{
    font-size:10pt;
}

.print-text-11, 
.print-text-11 span{
    font-size:11pt;
}

.print-text-12, 
.print-text-12 span{
    font-size:12pt;
}

.print-text-13, 
.print-text-13 span{
    font-size:13pt;
}

.print-text-14, 
.print-text-14 span{
    font-size:14pt;
}

/* Printing */
@media print{
    .no-print, 
    .no-print *{
    display:none !important;
}

}

/* Pageless */
.add-pageless.add-navbar.in-file .rw-width{
    width:100%;
}

.add-pageless .dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    background:var(--bg-10);
    border:1px solid var(--txt-60);
    border-bottom:none;
    text-align:left;
    margin:0;
    padding:0;
    display:inline-block;
    right:0;
    left:auto;
}

body.add-pageless.in-file.bg{
    background:var(--bg-10) !important;
}

/* Move Element to the Hideout */
.hideout{
    z-index:-100;
    position:fixed;
    right:-40000px;
    visibility:hidden;
}

/* Documents */
.ConditionBlockTag{
    color:var(--clr-sec);
}

.ConditionBlockContainer,
.RepeatBlockContainer{
    position: relative;
    background: transparent;
}

.ConditionBlockContainer:before,
.ConditionBlockContainer:after,
.RepeatBlockContainer:before,
.RepeatBlockContainer:after{
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    padding: 4px 2px;
    color: var(--app);
    background: #eef6ff;
    border: 1px solid #d7d5d5;
    border-radius: 8px;
    position: relative;
    letter-spacing: 2px;
}

.ConditionBlockContainer:before{
    content: "\7b";
    left: 0px;
}

.RepeatBlockContainer:before{
    content: "\f363" "\f104";
    left: 0px;
}

.ConditionBlockContainer.RepeatBlockContainer:before {
    content: "\f363" "\7b";
    left: 0px;
}

.ConditionBlockContainer:after{
    content: "\7d";
    right: 0px;
}

.RepeatBlockContainer:after{
    content: "\f105";
    right: 0px;
}

.ConditionBlockContainer.RepeatBlockContainer:after{
    content: "\7d";
    right: 0px;
}

ul.ConditionBlockContainer:before,
ul.RepeatBlockContainer:before,
ul.ConditionBlockContainer.RepeatBlockContainer:before{
    left: -50px;
    top: -3px;
}

ul.ConditionBlockContainer:after,
ul.RepeatBlockContainer:after,
ul.ConditionBlockContainer.RepeatBlockContainer:after{
    left: -50px;
    bottom: -3px;
}

li.ConditionBlockContainer,
li.RepeatBlockContainer,
li.ConditionBlockContainer.RepeatBlockContainer{
    position: relative;
}

li.ConditionBlockContainer:before,
li.RepeatBlockContainer:before,
li.ConditionBlockContainer.RepeatBlockContainer:before{
    position: absolute;
    left: -50px;
}

td.ConditionBlockContainer:before,
td.ConditionBlockContainer:after,
td.ConditionBlockContainer.RepeatBlockContainer:before,
td.ConditionBlockContainer.RepeatBlockContainer:after,
td.RepeatBlockContainer:before,
td.RepeatBlockContainer:after,
tr.ConditionBlockContainer:before,
tr.ConditionBlockContainer:after,
tr.ConditionBlockContainer.RepeatBlockContainer:before,
tr.ConditionBlockContainer.RepeatBlockContainer:after,
tr.RepeatBlockContainer:before,
tr.RepeatBlockContainer:after{
    content: initial;
}

tr.ConditionBlockContainer td:first-of-type,
td.ConditionBlockContainer{
    background-image: url("../images/rw-document-condition.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    padding-left: 25px
}

tr.RepeatBlockContainer td:first-of-type,
td.RepeatBlockContainer{
    background-image: url("../images/rw-document-loop.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    padding-left: 25px
}

tr.ConditionBlockContainer.RepeatBlockContainer td:first-of-type,
td.ConditionBlockContainer.RepeatBlockContainer{
    background-image: url("../images/rw-document-condition-loop.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    padding-left: 25px
}

.doc-editor{
    border:1px solid var(--bg-30);
}

.clause{
    background:#ffffff;
}

.clause > div{
    padding:10px;
}

.clause.hover{
    background:#ffffff;
}

.clause:nth-of-type(odd){
    background:#f4f4f4;
}

.clause + .clause + .clause{
    border-top: 1px solid var(--bg-30);
}

.clause table, 
.clause tr, 
.clause td, 
.clause th, 
.clause p, 
.clause a, 
.clause ol, 
.clause ul, 
.clause li, 
.clause dl, 
.clause blockquote, 
.clause input, 
.clause select, 
.clause textarea, 
.clause pre, 
.clause span, 
.new-editor-content, 
.clause{
    font-size:14px;
    text-decoration:none;
    color:var(--dark)
}

.clause .caption{
    color: var(--txt-10) !important;
}

/* Document Condition editor */
.condition-list-hidden{
    list-style-type:none;
    margin:0;
}

.condition-list-selected{
    background:var(--bg-30);
}

.condition-list-shown{
    list-style-image:url('../images/rw-Return.png');
    padding: 5px 0 0;
}

.condition-list-root{
    list-style-type:none;
    margin:0;
    padding:0;
}

a.condition-list-selected-element{
    font-weight:bold;
    color:var(--txt-20);
}

div.clause div.toolbar-row div{
    font-family:'Roboto', Arial, sans-serif;
    font-weight:normal;
}

div.clause div.toolbar-row div{
    font-size:14px;
    text-decoration:none;
    color:var(--txt-10);
}

/* Main Content */
.main-content-area{
    position: absolute;
    top: 56px;
    right: 0px;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.ldd_main_body .new-header[style="display:none;"] ~ .main-content-area{
    top:0;
}

.add-navbar .main-content-area{
    left:247px;
}

.menu.add-navbar .main-content-area{
    left:0 !important;
}

.add-toolbar .main-content-area{
    right:55px;
}
 
.main-content-main{
    margin:0 auto;
}

.add-toolbar .tb-expanded-main{
    right:306px;
    transition:all 0.2s;
}

.ldd_sub_body .main-content-area{
    padding: 0;
    width: unset;
    min-width: unset;
    right: 0;
    left: 0;
    top: 0;
    overflow: auto;
}

/* Google Address Lookup */
img.address-lookup{
    width:25px;
    cursor:pointer;
    position:relative;
}

div.address-lookup{
    position:absolute;
    background:var(--bg-30);
    padding:10px;
    display:flex;
}

div.address-lookup > input{
    width:428px;
    height:20px;
}

div.address-lookup > img{
    cursor:pointer;
    height:25px;
}

.pac-logo:after{
    background-image:none;
}

div.lookupFilter{
    position:unset!important;
}

span.asField{
    display:inline-block;
    min-height:12px;
    padding:3px;
    margin-bottom:3px;
}

#spanSticker{
    width:100%;
}

.nohover:hover{
    background:var(--clr-sec);
}

.show{
    display:block !important;
}

#doc_overlay{
    z-index: 1;
    width:100%;
}

.radio {
    vertical-align:top;
}

/* Links */
a, 
a:link, 
a:visited, 
.new-link{
    text-decoration:none;
    color:var(--clr-sec);
    cursor:pointer;
}

.new-link-bk{
    color:var(--txt-10);
}

.MenuBarLink{
    z-index:9;
}

/* File Tabs */
.file-tab{
    padding:5px 10px !important;
    border-right:1px solid var(--txt-60);
    cursor:pointer;
}

.file-tab .ldd-close{
    display:none;
}

.file-tab:hover .ldd-close{
    display:block;
    color:var(--txt-20);
}

.file-tab-active{
    background:var(--bg-10);
}

.file-tab-new{
    width:25px;
    font-size:20px;
    text-align:center;
    color:var(--txt-20);
}

body.ldd_loading, 
body.ldd_loading button, 
body.ldd_loading a, 
body.ldd_loading dialog, 
body.ldd_loading iframe{
    cursor:wait !important;
}

body.ldd_main_body{
    margin:0;
    font-size:initial;
    background:var(--bg-40);
}

#OreaTreeContainer, 
#DefectTreeContainer, 
#tiparea{
    height:96vh !important;
}

#compatContentHolder>#MainDiv{
    height:96vh !important;
}

div[dataType="xhtml"]{
    padding: 20px;
}

span[dataType="xhtml"]{
    display:inline-block
}

span#defectSummaryString span[dataType="xhtml"] {
     display:inline
}

div.popup{
    height:unset !important;
    width:unset !important;
}

/* Badges */
.badge{
    position:absolute;
    top:-5px;
    left:-5px;
    z-index:10;
    min-width:10px !important;
    height:10px;
    padding:1px 2px 3px;
    font-size:10px !important;
    text-align:center;
    color:var(--light);
    background:var(--clr-sec) !important;
    border-radius:7px;
    pointer-events:none;
}

.badge-pass{
    background:var(--success) !important;
}

.badge-warn{
    background:var(--warning) !important;
}

.badge-fail{
    background:var(--danger) !important;
}

/* Defects */
div#defectsListTip{
    position:absolute !important;
    left:620px;
    max-width:350px;
    padding:10px !important;
    pointer-events:none;
}

div[style="cursor:pointer; background:#C5D1C8"]{
    background:none !important;
}
  
/* Login Screen */
.login-sc{
    height:100vh;
    width:100%;
    align-content:center;
    background:url(../images/RealtiWeb.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}

.login-sc div.row{
    text-align:center;
}

.login-sc a.logo{
    color:var(--bg-10);
    background:var(--clr-sec);
    font-size:30px;
    margin:20px auto;
    padding:5px;
    text-transform:none;
    height:55px;
    width:55px;
    display:block;
    text-align:center;
}

.login-sc a.logo:hover{
    color:var(--bg-10);
}

.login-sc h1{
    color:var(--bg-10);
    font-size:28px;
    text-align:center;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

.login-sc p{
    color:var(--bg-10);
    font-size:16px;
    text-align:center;
}

.login-sc .loading-dots{
    margin:20px auto;
}

/* File Header */
.file-header{
    height:44px;
    border-bottom:1px solid var(--txt-60);
    background:var(--bg-30);
}

.file-header .ldd-pig:before{
    font-size:22px;
    margin:0 5px;
}

.file-header td{
    border-bottom:1px solid var(--txt-60);
}

.file-header span{
    font-size:14px;
    color:var(--txt-20);
}

.file-header-spacer{
    height:50px;
}

.file-heading, .file-heading span{
    font-size:14px;
    font-weight:normal;
}

.file-heading span.reline{
    font-size:12px;
    color:var(--txt-20);
}

span.button-highlight{
    color:var(--bg-10);
}

/* Toolbars */
.toolbar-container{
    position:fixed;
    top:56px;
    bottom:0;
    z-index:1;
    right:0;
}

.toolbar-container ul{
    margin:0;
    padding:0;
}

.toolbar-right{
    left:auto;
    right:0;
}

.toolbar-container .bottom{
    position:absolute;
    bottom:0;
    right:0;
    z-index:10000;
}

.toolbar-container .sub-menu{
    display:none;
    position:absolute;
    left:100%;
    bottom:0;
    background:var(--bg-10);
    width:200px;
    border-top:1px solid var(--txt-60);
}

.toolbar-container li:hover .sub-menu{
    display:block;
}

.add-navbar .toolbar-left{
    right:auto;
    left:0;
    display:block;
}

.toolbar-left .bottom{
    right:auto;
    left:0;
}

.toolbar{
    position:absolute;
    z-index:104;
    bottom:0;
    right:0;
    top:0;
    width:55px;
    padding:0;
    margin:0;
    background:var(--bg-30);
    transition:all 0.2s;
}

.toolbar-container li{
    position:relative;
    list-style:none;
}

.toolbar-container li span{
    vertical-align:middle;
    display:inline-block;
}

.toolbar-container li a{
    display:block;
    height:29px;
    width:45px;
    padding:13px 5px;
    cursor:pointer;
    font-size:24px;
    text-align:center;
}

.toolbar-container li a i{
    color:var(--txt-10);
}

.toolbar-container li a.active{
    background:var(--txt-20);
}

.toolbar-container li a:hover{
    background:var(--bg-40);
}

.toolbar-container li a.btn-saved, 
.toolbar-container li a.btn-saved:hover a{
    background:var(--bg-30);
    color:var(--light);
}

.toolbar-container li a.btn-save, 
.toolbar-container li a.btn-save:hover a{
    background:var(--clr-sec);
    color:var(--txt-10);
}

.toolbar-container li a.btn-saved i{
    color:var(--txt-10);
}

.toolbar-container li a.btn-save i{
    color:var(--light);
}

.toolbar-container li a.btn-save .subtitle{
    color:var(--light);
}

.toolbar-container hr{
    margin:0;
}

.toolbar-container i.fa, 
.toolbar-container .fa, 
.toolbar-container .fas, 
.toolbar-container .fal, 
.toolbar-container .far{
    min-width:18px;
    text-align:center;
    font-size:22px;
}

.toolbar-content{
    width:250px;
    position:absolute;
    top:0;
    bottom:0;
    right:55px;
    background:var(--bg-10);
    z-index:9;
    border-left:1px solid var(--txt-60);
    overflow:auto;
    z-index:103;
    transition:all 0.2s;
}

.toolbar-content h2{
    padding:15px;
    border-bottom:1px solid var(--txt-60);
    height:16px;
    color:var(--txt-20);
    font-weight:bold;
}

.toolbar-content .tab-pane{
    padding-bottom:20px;
}

.toolbar-content ul{
    padding:0;
    margin:0;
}

.toolbar-content li{
    position:relative;
    list-style:none;
    padding:10px;
    cursor:pointer;
    border-bottom:1px solid var(--txt-60);
}

.toolbar-content li .title{
    margin-bottom:5px;
}

.toolbar-content .tool-container{
    margin:0 15px 0 0;
}

.toolbar-content .tool-container .tool-icon:before{
    font-size:14px;
}

.tb-collapsed .toolbar-content{
    right:-306px;
    transition:all 0.2s;
}

.toolbar li a.expand-btn{
    display:none;
}

.toolbar li a.collapse-btn{
    display:block;
}

.toolbar li a.expand-btn i{
    padding-top:6px;
}

.toolbar li a.collapse-btn i{
    padding-top:6px;
}

.tb-collapsed .toolbar li a.expand-btn{
    display:block;
}

.tb-collapsed .toolbar li a.collapse-btn{
    display:none;
}

.subtitle{
    display:block;
    color:var(--txt-10);
    font-size:10px;
    padding-top:2px;
}

/* Navbar - Left */
.navbar{
    position:absolute;
    z-index:104;
    bottom:0;
    left:0;
    top:0;
    width:55px;
    background:var(--bg-30);
}

.navbar-container li{
    position:relative;
    list-style:none;
    cursor:pointer;
}

.navbar-container .navbar li a{
    display:block;
    height:45px;
    padding-top:10px;
    width:55px;
    cursor:pointer;
    font-size:24px;
    text-align:center;
}

.navbar{
    border-right:1px solid var(--txt-60);
}

.navbar li a i{
    color:var(--txt-10);
    height:25px;
    width:25px;
}

.navbar li.active{
    background:var(--bg-10);
}

.navbar li a:hover{
    background:var(--bg-40);
}

.navbar i.fa, 
.navbar .fa, 
.navbar .fas, 
.navbar .fal, 
.navbar .far{
    min-width:18px;
    font-size:20px !important;
}

.navbar-content{
    width:190px;
    padding-left:56px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    background:var(--bg-10);
    z-index:9;
    border-right:1px solid var(--txt-60);
    overflow:auto;
    z-index:103;
}

.navbar-content h2{
    padding:20px 15px;
    background:var(--bg-30);
    border-bottom:1px solid var(--txt-60);
    height:14px;
    color:var(--txt-20);
    font-weight:bold;
}

.navbar-content li{
    padding:19px 15px;
    border:none;
    cursor:pointer;
    transition:all 0.05s;
}

.navbar-content li.active{
    background:var(--bg-30);
    font-weight:bold;
}

.navbar-content li:hover, 
.navbar-content li:hover span, 
.navbar-content li:hover span i, 
.navbar-content li:hover span p{
    background:var(--clr-sec);
    color:var(--light);
    transition:all 0.05s;
}

.navbar-content li.active p, 
.navbar-content li.active i, 
.navbar-content li.active span{
    font-weight:bold;
}

.navbar-content ul{
    border-bottom:1px solid var(--txt-60);
}

/* Scrollbars */
::-webkit-scrollbar{
    width: 9px; 
    height: 9px; 
    background: var(--txt-60); 
    cursor: pointer;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-button{
    display: none;
}

::-webkit-scrollbar-thumb{
    background: var(--txt-50); 
    border-radius: 5px; 
    opacity: 0.8;
}

::-webkit-scrollbar-thumb:hover{
    opacity: 1; 
    cursor: pointer;
}

/* Loading */
.ldd_msg_center{
    position:absolute;
    left:50%;
    top:50%;
    text-align:center;
    transform:translate(-50%, -50%);
    font-size:16px;
    max-width:200px;
    color:var(--bg-30);
}

.loading{
    text-align:center;
    padding:30px;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:var(--bg-30);
    z-index:1000;
}

.loading-inner{
    text-align:center;
    position:fixed;
    top:40%;
    left:50%;
    transform:translate(-50%, -50%);
}

.loading-inner i{
    font-size:14px;
}

.loading-inner span{
    font-size:16px;
    margin:10px;
    font-weight:normal;
    color:var(--clr-sec);
    display:block;
}

a.condition-list-selected-element{
    font-weight:bold;
    color:#545454;
}

.condition-list-selected{
    background:var(--bg-30);
}

/* Beta Feature Buttons */
.beta{
    display:none;
}

.beta-feature{
    color:var(--clr-sec);
}

.dm-show{
    display:none !important;
}

.dm-hide{
    display:inline-block !important;
}

.dark .dm-show{
    display:inline-block !important;
}

.dark .dm-hide{
    display:none !important;
}

.nb-show{
    display:none !important;
}

.nb-hide{
    display:inline-block !important;
}

.add-navbar .nb-show{
    display:inline-block !important;
}

.add-navbar .nb-hide{
    display:none !important;
}

.pl-show{
    display:none !important;
}

.pl-hide{
    display:inline-block !important;
}

.add-pageless .pl-show{
    display:inline-block !important;
}

.add-pageless .pl-hide{
    display:none !important;
}

/* Lookups */
.lookup-container{
    width:100%;
    background:var(--bg-10);
}

.lookup-search{
    padding:10px;
    background:var(--bg-30);
    border-top:1px solid var(--txt-60);
    border-bottom:1px solid var(--txt-60);
    vertical-align:middle;
}

.lookup-filters{
    padding:10px;
    background:var(--bg-10);
    border-bottom:1px solid var(--txt-60);
    vertical-align:middle;
}

.lookup-results{
    background:var(--bg-10);
    padding:0px 10px 10px 10px;
}

.lookup-input{
    width:80%;
}

.search{
    width:80%;
    height:24pt;
    border-radius:3px;
    padding-left:10px;
    border: 1px solid var(--txt-60);
}

.lookup-results li{
    padding:0px 0px 6px 0px;
    color:var(--app) !important ;
    list-style-type:none;
    text-align:left;
    cursor:pointer;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

.lookup-results li a{
    padding:0px 0px 6px 0px;
    color:var(--clr-sec) !important ;
    list-style-type:none;
    text-align:left;
    cursor:pointer;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

.lookup-results li a:hover{
    font-weight:bold;
}

.lookup-results ul{
    margin:0px;
    padding:0px;
}

.lookup-results h3{
    font-weight:bold;
    color: var(--txt-20);
    font-size: 14px;
}

.lookup-display{
    page-break-inside:avoid;
    break-inside:avoid-column;
}

/* Quick Fixes */
*[style="color:474BC4;cursor:pointer"], 
*[style="color:blue;cursor:pointer"], 
*[style="color:blue;"]{
    color:var(--clr-sec) !important;
}

::backdrop{
    background:rgba(0,0,0,0.6);
}

/* Do not use, will be removed */
.action-icon{
    cursor:pointer;
    width:15px;
    margin:1px;
    vertical-align:middle;
}

.table-caption{
    color:var(--txt-20);
    padding-bottom:4px;
}

.toolbar-option{
    width:30px;
    margin:3px;
}
td.InputCell{
    padding:0px;
    margin:0px;
}

div.doc-editor table, 
div.doc-editor tr, 
div.doc-editor td, 
div.doc-editor th, 
div.doc-editor p, 
div.doc-editor a, 
div.doc-editor ol, 
div.doc-editor ul, 
div.doc-editor li, 
div.doc-editor dl, 
div.doc-editor blockquote, 
div.doc-editor span, 
div.doc-editor input, 
div.doc-editor textarea, 
div.doc-editor div{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit
}

div[contenteditable="true"][altcomment="inPlaceEditor"] span{
    font-weight: inherit;
    font-size: inherit
}

.toolbar-row{
    font-family:'Roboto', Arial, sans-serif;
    font-weight:normal;
}

.toolbar-row{
    font-size: 14px;
    text-decoration: none;
    color: var(--txt-10);
}

div.doc-editor #htmlPropertyDiv{
    font-size: 14px;
    text-decoration:none;
    color:var(--txt-10);
    font-family:'Roboto', Arial, sans-serif;
    font-weight:normal;
    z-index: 11;
}

.toolbar-row i {
    color: var(--txt-10);
    user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 16px;
    width:16px;
    margin:3px 1px;
}

.toolbar-row i:before{
    font-size: 14px;
    color: var(--txt-20);
    font-weight: 900;
}

.toolbar-row i:hover:before{
    color: var(--txt-10);
}

.editor-toolbar{
    background: var(--bg-30);
    text-align: left;
}

.editor-toolbar span,
.editor-toolbar select {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
}

.editor-toolbar i{
    color: var(--txt-10);
    user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 24px;
    width: 24px;
    padding: 5px 0;
    vertical-align: top;
    text-align: center;
}

.editor-toolbar i:before{
    position: relative;
    top: 12px;
    font-size: 13px;
}

/* Dark Theme Inline Overrides */
span[lfEditable="1"]{
    display: inline-block; 
    min-height: 14px;
    min-width: 25px; 
    padding: 1px 3px; 
    margin: 1px 2px;
    border: 1px solid var(--txt-30);
    border-bottom: 2px solid var(--txt-30);
    background: var(--bg-20);
}

body.dark span[style="background-color: beige;"],
body.dark span[style="background-color:khaki;margin-top:2;margin-bottom:2;margin-left:4;margin-right:4;"]{
    background: var(--hl-pri) !important;
}

body.dark table[style="background-color: white;"]{
    background: var(--bg-10) !important;
}

body.dark div[style="padding: 3px; background-color: rgb(238, 238, 238);"],
body.dark tr[style="background-color:ghostwhite"],
body.dark td[style="background:#ffffff; color:#5454554;background:#eeeeee; color:#5454554;"]{
    background: var(--bg-30) !important;
}

body.dark td[style="background-color:lightblue;"],
body.dark tr[style="background-color: lightblue;"],
body.dark td[style="padding-left: 3px; font-family: Verdana; font-size: 11px; border: 1px solid gray; background-color: rgb(176, 224, 230);"]{
    background-color: var(--bg-info) !important;
}

body.dark tr[style="background-color: ghostwhite;"],
body.dark tr[style="background-color:ghostwhite;"],
body.dark td[style="padding-left: 3px; font-family: Verdana; font-size: 11px; border: 1px none gray; background-color: white;"]{
    background-color: var(--bg-20) !important;
}

body.dark tr[style="background-color: white;"]{
    background-color: var(--bg-10) !important;
}

body.dark .clause span[style="background-color: beige;"],
body.dark .clause span[style="BACKGROUND-COLOR: beige;"],
body.dark span[style="BACKGROUND-COLOR: beige"],
body.dark span[style="background-color:beige;cursor:pointer"]{
    background:beige !important; 
    color:#000000;
}

body.dark div[style="min-width:350px; min-height:50px;overflow:visible;border:1px solid black;"],
body.dark div[style="min-width:300px;min-height:30px;overflow:visible;border:1px solid black;"],
body.dark div[style="min-width:400px;min-height:300px;overflow:visible;border:1px solid black;"]{
    border: 1px solid var(--txt-40) !important;
}

body.dark span[style="margin-bottom:2px; min-width:10px; background:black; font-size:8px"]{
    background: var(--txt-10) !important;
    padding: 2px 6px;
}

body.dark span[style="margin-bottom:2px; margin-left:10px; min-width:10px; background:dimgray; font-size:8px; font-style:italic;"]{
    background: var(--txt-30) !important;
    padding: 2px 6px;
}

body.dark span[style="margin:3px;color:black;"]{
    color: var(--txt-10) !important;
}

body.dark span[style="margin:3px;color:dimgray;font-style:italic;"]{
    color: var(--txt-30) !important;
}

#WillTemplateDiv{
    z-index: 1
}

/* Address Lookup */
.pac-item{
    border-top:1px solid var(--txt-60) !important;
}

.pac-item-query{
    color: var(--txt-10) !important;
}

.pac-item:hover{
    background: var(--bg-40) !important;
}

.pac-container{
    background: var(--bg-10) !important;
    border:1px solid var(--txt-60) !important;
}

/* Date Picker */
.ui-datepicker{
    background: var(--bg-20);
    border: 1px solid var(--txt-60);
}

.ui-datepicker-header{
    background: none;
    border: none;
}

.ui-widget-header a{
    background: var(--bg-30);
    color: var(--txt-10);
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-default{
    background: var(--bg-40);
    border: 1px solid var(--txt-60);
    color: var(--txt-10);
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-default.ui-state-active{
    background: var(--warning);
    color: var(--txt-10);
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-default.ui-state-highlight{
    background: var(--app);
    color: var(--light);
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev{
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before{
    min-width: 18px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    color: var(--txt-10);
    font-size: 16px;
    font-weight: 300;
    font-family: 'Font Awesome 6 Pro';
}

.ui-datepicker .ui-datepicker-next::before{
    content:"\f054";
}

.ui-datepicker .ui-datepicker-prev::before{
    content:"\f053";
}

div[style="background-color: lightblue;"]{
    background-color:var(--bg-40) !important;
}


.MultiDocList {
    list-style-type: none;
    counter-reset: css-counter 0;
}

.MultiDocList .MultiDocListElmts:hover {
    background: var(--clr-sec);
    color: var(--light);
    transition: all 0.05s;
}

.MultiDocList .MultiDocListElmts {
    counter-increment: css-counter 1;
}

.MultiDocList .MultiDocListElmts:before{
    content: counter(css-counter) ". ";
}
.MultiDocList i {
    cursor: pointer;
}


/* React Styling */
/* Imitation of React classes and styling, copied from global.scss in reactshell */

/* Grid */
.container{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.row{
    display:flex;
    flex-wrap:wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}

.col .form-control{
    margin-bottom: 15px;
}

.col{
    flex:1 0 0%;
}

.col-auto {
    flex:0 0 auto;
    width:auto;
}

.col-1 {
    flex:0 0 auto;
    width:8.33333333%;
}

.col-2 {
    flex:0 0 auto;
    width:16.66666667%;
}

.col-3 {
    flex:0 0 auto;
    width:25%;
}

.col-4 {
    flex:0 0 auto;
    width:33.33333333%;
}

.col-5 {
    flex:0 0 auto;
    width:41.66666667%;
}

.col-6 {
    flex:0 0 auto;
    width:50%;
}

.col-7 {
    flex:0 0 auto;
    width:58.33333333%;
}

.col-8 {
    flex:0 0 auto;
    width:66.66666667%;
}

.col-9 {
    flex:0 0 auto;
    width:75%;
}

.col-10{
    flex:0 0 auto;
    width:83.33333333%;
}

.col-11{
    flex:0 0 auto;
    width:91.66666667%;
}

.col-12{
    flex:0 0 auto;
    width:100%;
}

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

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.gx-0 {
    margin-right: 0;
    margin-left: 0;
}

.row.gx-0{
    margin-right: 0;
    margin-left: 0;
}

.gx-0 > * {
    padding-left: 0;
    padding-right: 0;
}

.gx-2 {
    margin-right: 5px;
    margin-left: 5px;
}

.row.gx-2{
    margin-right: -5px;
    margin-left: -5px;
}

.gx-2 > * {
    padding-left: 5px;
    padding-right: 5px;
}

/* Typography */
.card-title,
.modal-title{
    font-size: 14px;
    color: var(--txt-20);
    font-weight: bold;
    margin-bottom: 0;
}

/* Buttons */
.btn-outline-primary{
    background-color: transparent;
    color: var(--app);
    border: 1px solid var(--app);
}

/* Cards */
.card-container{
    padding: 10px;
}

.card-container:not(.card-container:has(.card)){
    background-color: var(--bg-20);
    padding: 15px;
    border-radius: 10px;
    box-shadow: var(--shadow-10);
    display: block;
    margin: 5px 5px 10px;
}

.card{
    background-color: var(--bg-20);
    border-radius: 10px;
    margin: 0 0 10px;
    box-shadow: var(--shadow-10);
}

.card-header:not(h2.card-header){
    padding: 10px 15px 5px;
    height: 40px;
    font-size: 16px;
    color: var(--txt-10);
    font-weight: bold;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none; 
    border: none;
}
 
.card-body{
    padding: 15px;
}

.card-list{
    padding: 0;
}

/* Modal */
.modal-content{
    background: var(--bg-20);
    min-height: 270px;
}

.modal-header{
    background-color: transparent;
    padding: 10px 20px;
    border-bottom: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal-header > :first-child{
    margin-right: auto;
}

.modal-body{
    padding: 10px 20px 20px;
    overflow-y: auto;
    border-top: none;
}

/* Forms */
.form-label{
    font-size: 12px;
    color: var(--txt-30);
    display: block;
    margin-bottom: 3px;
}

.form-control,
.form-select{
    border-radius: var(--bdr-r-10); 
    border: 1px solid var(--txt-50);
    padding: 8px 10px; 
    color: var(--txt-10);
    background-color: var(--bg-10);
    width: 100%;
    box-sizing: border-box;
    outline: none;
} 

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group .tool-icon {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px;
    margin-bottom: 15px;
}

.input-group > .form-control, 
.input-group > .form-select, 
.input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.form-control:hover,
.form-select:hover,
.input-group:hover{
    border-color: var(--bg-60);
    background-color: var(--bg-10);
}

.form-control:focus,
.form-control:active,
.form-select:focus,
.form-select:active{
    border-color: var(--bg-60);
    background-color: var(--bg-10);
    box-shadow: 0 0 4px 2px var(--bg-info);
}

/* Tables */
.table thead th{
    text-align: left;
}

.table-bordered{
    border-collapse: collapse;
}

.table-bordered th, 
.table-bordered td{
    border: 1px solid var(--txt-50);
    border-collapse: collapse;
}

/* Table - Input */
table.table-input{
    margin: 0;
    padding: 0;
}

table.table-input thead th{
    padding: 10px;
}

table.table-input tbody tr td{
    background: var(--bg-10);
}

table.table-input tbody td{
    padding: 0;
}

table.table-input .form-control{
    border: 0;
    padding: 10px;
    border-radius: 0;
    background-color: var(--bg-10);
}

table.table-input .form-control:active,
table.table-input .form-control:focus,
table.table-input .form-control:hover{
    background-color: var(--bg-30);
    box-shadow: inset 0 0 1px var(--bg-60);
}

table.table-input .form-check-input{
    margin: 10px;
    text-align: center;
}

table.table-input td > i{
    padding: 10px;
}

table.table-input .input-group{
    padding: 0;
    border: none;
}

table.table-input .input-group-text{
    border: none;
    border-radius: 0;
}

table.table-input .form-control[readOnly]{
    background: var(--bg-30);
}

table.table-input .form-control[type="money"]{
    text-align: right;
}

/* Loading */

.loading-container {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.loading-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bg-10);
    z-index: 101;
    opacity: 0;
    transition: all 0.1s;
}

.ldd_loading .loading-bg {
    opacity: 0.2;
    transition: all 0.1s;
}

.loading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 102;
    text-align: center;
}

.loading-content i {
    color: var(--bg-60);
    font-size: 56px;
}

.loading-container span,
.loading-content span {
    color: var(--txt-20);
    font-size: 16px;
    display: block;
    margin-top: 15px;
    font-weight: bold;
}

.ui-dialog-title{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.fa-3x{
    --fa-animation-duration: 1.8s;
}

.file-validation-message {
    font-size: 0.7em;
    color: #555;
}

.cheque-hyphen-message {
    font-size: 0.85em;
    color: #555;
    margin-bottom: 10px;
}