/* 2019-05-02 */
html{
    /* 767px */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-height:100%;
    height:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
html {
    height:100%;
}
html body {
    xheight:100%;
    xoverflow:hidden;
}
html body .fixedcontent {
    position:relative;
    top:0;
    right:0;
    left:0;
    overflow-y:auto;
    xtransition:all 0.05s ease-in-out;
}
html,body {
    font-family:Segoe UI, Open Sans, Segoe UI, Arial, Verdana, sans-serif;
    font-size:13pt;
    font-weight:400;
    x-webkit-transition:all 0.5s ease-in-out;
    x-o-transition:all 0.5s ease-in-out;
    xtransition:all 0.5s ease-in-out !important;
    overflow-x:hidden;
}
body {
    background-color:#FFFFFF;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:14pt;
    font-weight:400;
    color:#3b3939;
    xwidth:100%;
    xheight:100%;
    min-height:100%;
    xmargin:0 15px 0 0;
    /* overflow-x:hidden; */
    /* DJB */
    margin:0;
    /*overflow-x:hidden;*/
    xpadding:0 0 0 10px;
    padding:0;
}

ol,ul {
    margin:5px 1px;
    padding-inline-start:21px;
    padding-bottom:1px;
}
ol ul + h1,h2,h3,h4,h5,h6,h7,p {
    padding-top:0;
}


th { /* th */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:10pt;
    background-color:#F7F7F7!important;
    color:#5f5f5f;
    font-weight:normal;
}
td  { /* td */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif; /* 472 */
    xfont-size:10pt;
    font-weight:normal;
    line-height:1.6em;
}
div.floatingTx { /* div */
    position:absolute;
    background-color:#F4F5A9;
    display:none;
    padding:10px;
    margin:15px;
    line-height:1.6em;
    border:solid 1px black;
    white-space:nowrap;
}
.floatingMessageCenterH {
    right:15%;
    left:30%;
    margin-left:-150px;
}
.floatingMessage {
    position:absolute;
    width:auto;
    min-height:50px;
    background-color: #f3f4ef;
    border:solid 1px #000000;
    border-radius:9px;
    padding:5px 50px 5px 20px;
    z-index:99999;
    transition:all 0.5s ease 0s;
    -webkit-box-shadow:5px 5px 30px 0px rgba(20, 22, 20, 0.62);
    -moz-box-shadow:   5px 5px 30px 0px rgba(22, 22, 22, 0.62);
    box-shadow:        5px 5px 30px 0px rgba(22, 22, 22, 0.62);
}
.floatingMessageBottom {
    bottom: 50px;
}
.floatingMessageTop {
    top: 25px;
}
.floatingMessageClose {
    top:0;
    right:5px;
    position:absolute;
    cursor:pointer;
    color:grey;
}

p {
    min-height:1em;
}
pre, .pre, .pre:hover { /* pre */
    font-family:Consolas, Menlo, Monaco, 'Courier Prime', Courier New, Trebuchet MS, Tahoma, Arial Narrow, Century Gothic, Verdana, sans-serif;
    font-size:11pt;
    border:solid 1px #f6f6f6;
    border-radius:7px;
    margin:6px 0 10px 10px;
    padding:3px 10px 3px 10px;
    xcolor:#404040;
    background-color: #f1f1f4;
    min-height:20px;
    width:calc(100% - 70px);
    xmax-width:calc(100% - 50px);
    line-height:24px;
    overflow-x:scroll;
}
.pre {
    background-color:inherit!important;
}
.pre a:hover {
    text-decoration: underline;
}
pre::-webkit-scrollbar {
    width:10px;
    height:10px;
    cursor:pointer;
}
pre::--webkit-scrollbar:hover {
    background-color:red;
}
pre::-webkit-scrollbar-button:start:decrement, pre::-webkit-scrollbar-button:end:increment {
    xdisplay:none;
}
pre::-webkit-scrollbar-button:vertical:increment {
    background:transparent;
}
pre::-webkit-scrollbar-track-piece {
    background:transparent;
    -webkit-border-radius:12px;
}
pre::-webkit-scrollbar-thumb {
    width:50px;
    background: #9c9c9c;
    -webkit-border-radius: 18px;
    cursor:pointer!important;
}

div { /* div */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt; /* was 13pt; */
    /* color:#3b3939; */
    font-weight:normal;
    text-decoration:none;
    padding:0 0 6px 0;
    margin:0;
    line-height:27px; /* was 17pt; */
}

div {
    margin:0;
    padding:0;
}

h1,h2,h3,h4,h5 { /* h1,h2,h3,h4,h5 */
    color:#;
}

h1 { /* h1 */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:24px;
    font-weight:700;
    line-height:1.5em;
    color:#;
    xbackground-color:#;
    padding:0 5px 0 0;
    margin:0;
    min-height:26px;
}
h1 > a, h1 > a:hover { color:inherit; font-weight:inherit; font-family:inherit; }
h2 > a, h2 > a:hover { color:inherit; font-weight:inherit; font-family:inherit; }
h2 { /* h2 */
    font-size:23px;
    font-weight:600;
    line-height:1.2em;
    border-bottom:solid 1px #;
    min-height:26px; /* needed for editor when adding new H2 style */
}
h3 { /* h3 */
    font-size:19px;
    font-weight:500;
    line-height:1.0em;
    min-height:19px;
    margin-bottom:6pt;
}
h4 { /* h4 */
    font-size:17px;
    font-weight:500;
    line-height:1.2em;
    min-height:17px;
    margin-bottom:4pt;
}
blockquote {
    xpadding:5px 5px 5px 5px;
    margin: 0 0 0 40px;
    border: none;
    padding: 0px;
}

iframe {
    border:none;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#A52A2A;
    -webkit-overflow-scrolling:touch;
}
span {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
}
.clearfield {
    padding-top: 5px;
    padding-left: 0;
    border: none;
    background-color: transparent;
}
div.clearfield {
    width: calc(100% - 25px) !important;
}
input.clearfield {
    width: calc(100% - 12px) !important;
}
@media screen and (max-width:700px) { /* small screen */
    .clearfield {
        width:calc(100% - 12px) !important;
    }
}



a { /* a */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    color: #4473a1;
    text-decoration:none;
    font-weight:normal;
    white-space:normal;
}
a:hover { /* a */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    xfont-size:13px;
    font-weight:normal;
    color:#4473a1;
    text-decoration:underline;
}
a.disabled {
    xpointer-events:none;
    cursor:not-allowed !important;
}
.disabled {
    opacity:0.5!important;
}
a.button {
    text-decoration:none;
    text-align:center;
    background-color:#EEEEEE;
    color:#4473a1;
    padding:5px 7px 5px 7px;
    border:1.25px solid #c0c0c0 !important;
    cursor:pointer;
    min-height:auto;
    xline-height:normal !important;
    line-height:23px  !important; /* was 34px */
    transition:all 0.5s ease 0s;
    height:23px !important;
    border-radius:0;
}
a.button:hover, button:hover {
    background-color:#e1e1e1;
    transition:all 0.5s ease 0s;
}
a, a:active {
    color:#4473a1;
    text-decoration:none !important;
}
button {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt; /* was 13pt; */
    cursor:pointer;
}

/*xinput[type='radio'] {*/
/*    float:left;*/
/*    clear:none;*/
/*    border:none !important;*/
/*    box-shadow:none!important;*/
/*    min-width:10px !important;*/
/*    width:15px !important;*/
/*    cursor:pointer;*/
/*    margin:6px 9px 0 2px;*/
/*    padding:0;*/
/*}*/
input[type='radio'] { /* see Tax treatment popup on Client Invoices and the tenant edit.php rename popup */
    border-radius: 50%;
    width: 23px;
    height: 23px;

    border: 2px solid #999;
    transition: 0.2s all linear;
    xmargin-top:6px;
    margin-right: 5px;

    position: relative;
    top: -3px;
}

.padded {
    padding:5px !important;
}
.nopadding {
    padding:0 !important;
}
.nopaddingVertical {
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.nomargin {
    margin:0 !important;
}
.nomarginTop {
    margin-top:0 !important;
}
.paddedLeft {
    padding-left:6px !important;
}
.paddedRight {
    padding-right:6px !important;
}
.paddedRightLarge {
    padding-right:20px !important;
}
.paddedLeftLarge {
    padding-left:20px !important;
}

.noDecor {
    text-decoration:none !important;
    white-space:nowrap;
}

.showOnSmallScreen {
    display:none !important;
}

.toolbarset3,.transition {
    -webkit-transition:all 0.125s ease-in-out 0s!important;
    -o-transition:all 0.125s ease-in-out 0s!important;
    transition:all 0.125s ease-in-out 0s!important;
}
.transition2 {
    -webkit-transition:all 0.25s ease-in-out 0s!important;
    -o-transition:all 0.25s ease-in-out 0s!important;
    transition:all 0.25s ease-in-out 0s!important;
}
.notransition {
    transition:none !important;
}
.nowrap {
    white-space:nowrap !important;
}
@media screen and (max-height:400px) {
    .hideOnShortSceen {
        display:none !important;
    }
}
@media screen and (min-width:675px) and (max-width:1000px) {
    .hideOnMediumScreen {
        display:none !important;
    }
}
/*media query must be kept in sync with that defined in JS matchMedia*/
@media screen and (min-width:675px) {
    .hideOnWideScreen {
        display:none !important;
    }
}
@media screen and (max-width:675px) {
    .hideOnSmallScreen {
        display:none !important;
    }
    .hideOnSmallScreenTR {
        display:none !important;
    }
    .paddingOnSmallScreen {
        padding:10px !important;
    }
    .showOnSmallScreen {
        display:block !important;
        xcolor:grey;
        white-space:normal;
    }
    span.colorOnSmallScreen {
        display:block!important;
        color:green;
        font-size:80%;
        vertical-align:top;
        line-height:11px;
        font-weight:800;
        margin-top:6px;
    }
    .shrinkOnSmallScreen100 {
        font-size:146%!important;
    }
    .shrinkOnSmallScreen80 {
        font-size:80%!important;
    }
    .showOnSmallScreenTR {
        display:table-row !important;
        xcolor:grey;
        white-space:normal;
    }
}
select { /* select */
    margin:0;
    padding:0;
    background-color:white !important;
    font-size:10pt;
    min-height:19px;
}
select:disabled {
    padding:3px 6px 3px 4px!important;
    height:33px;
    color:#grey !important;
    background-color:#f8f8f8 !important;
    cursor:not-allowed !important;
    -moz-appearance:none; /* for Firefox */
    -webkit-appearance:none; /* for Chrome */
}
option { /* select */
    margin:0;
    padding:0;
}
input.checkbox { /* button */
    border:none;
}
input[type="submit"] { /* input */
    padding:3px 6px 3px 6px;
    color:#373535;
}
input[type="submit"]:disabled { /* input */
    color:#bdbbbb;
}
input[type="date"] { /* input */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    border:1px;
    border-style:solid;
    border-color:#C0C0C0 ;
    border-radius:5px;
}

input[type="time"] { /* input */
    background-color:white;
    border:1px;
    border-style:solid;
    border-color:#C0C0C0 ;
    border-radius:5px;
}

input[type="button"] { /* input */
    padding:4px 5px 4px 5px;
    cursor:pointer;
    color:#373535;
    border:solid 1pt #C0C0C0;
    text-align:center;
    background-color:#F0F0F0;
    transition:all 0.5s ease 0s;
    border-radius:1px!important;
}
input[type="button"]:disabled {
    color: #b1afaf;
    cursor:not-allowed;
}
input[type="button"]:hover { /* input */
    background-color:#e1e1e1;
    transition:all 0.5s ease 0s;
}
input[type="submit"] { /* input */
    padding:4px 10px 4px 10px;
    cursor:pointer;
    color:#373535;
    border:solid 1pt #C0C0C0;
    text-align:center;
    background-color:#F0F0F0;
    transition:all 0.5s ease 0s;
    border-radius:1px!important;
}
button {
    border-radius:1px!important;
}
input[type="submit"]:disabled {
    color:grey;
    cursor:not-allowed;
}
input[type="submit"]:hover { /* input */
    background-color:#e1e1e1;
    transition:all 0.5s ease 0s;
}

.fullwidth {
    width:100% !important;
}
.saving { /* hourglass [small] */
    xbackground-color:#f4d9ff;
    cursor:progress;
    background-image:url('https://qsafe.quorrasoft.com/images/hourglass2.svg%');
    background-repeat:no-repeat;
    background-size:15px;
    background-position:right 5px top 5px;
}
.hourglass {
    cursor:wait;
    position:fixed;
    z-index:999;
    top:0;
    left:50%;
    width:100%;
}
.hourglass3 {
    cursor:wait;
    position:absolute;
    z-index:999;
    top:50%;
    left:50%;
    /*text-align: center;*/
    /*width:100%;*/
    /*height: 100%;*/
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%);
}

.transbox { /* Used by showHourGlass2 */
    background-color:#e3e7dd;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
    cursor:wait !important;
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.informationBox {
    border-radius:15px;
    background-color:#F3F5F7;
    font-size:12pt  !important;
    padding:10px 15px 10px 15px;
}
.informationBox > P {
    padding-bottom:4px;
    padding-top:0;
    margin:0;
}
.alignleft {
    text-align:left !important;
    align:left !important;
}
.alignright {
    text-align:right !important;
    align:right !important;
}
.aligncenter { /* Also see centerBody2 */
    text-align:center !important;
    align:center !important;
}
.centered {
    text-align:center !important;
    align:center !important;
    display: inline-block;
}
.valigntop {
    vertical-align:top !important;
}
.valignbottom {
    vertical-align:bottom !important;
}
.valignmiddle {
    vertical-align:middle !important;
}
.noborder {
    border:none !important;
}
.noborder2 {
    border:solid 1px white !important;
}
.noborderLeft {
    border-left:none !important;
}
.noborderRight {
    border-right:none !important;
}
.noborderBottom {
    border-bottom:none !important;
}
.noborderTop {
    border-top:none !important;
}
.fontnormal {
    font-size:12pt  !important;
}
.fontsize130 {
    font-size:130% !important;
}
.fontsize150 {
    font-size:150% !important;
}
.fontsize16 {
    font-size:16pt!important;
}
.fontsize120 {
    font-size:120% !important;
}
.fontsize90 {
    font-size:90% !important;
}
.fontsize80 {
    font-size:80% !important;
}
.fontsize70 {
    font-size:70% !important;
}
.fontsmaller {
    font-size:11pt !important;
}
.fontsmall {
    font-size:10pt !important;
}
.fonttable {
    font-size:10.5pt !important;
}
.fontsmallest {
    font-size:9pt !important;
}
.fontsmallest2 {
    font-size:8pt !important;
}
.fontlarger {
    font-size:13pt !important;
}
.fontlargest {
    font-size:14pt !important;
}
.fontbasic {
    font-size:12pt  !important;
}
.halfwidth {
    width:50vw;
}
.twothirdwidth {
    width:75vw;
}
.infoFieldValue {
    xpadding-left:8px;
    xline-height:1.7em;
    color:grey;
}
.infoFieldValueBg {
    background-color: #f7f7f7 !important;
    border-radius:10px;
    margin-top:10px;
    margin-bottom:10px;
    padding:6px 12px 6px 12px !important;
    transition:all 0.5s ease 0s!important;
}
.infoFieldValueHover {
    padding:2px 10px 2px 10px!important;
    display:inline-block;
    margin-top:0;
}
.infoFieldValueHover:hover {
    background-color: #dddddd !important;
}
.infoFieldValueThinBg {
    background-color:#f5f5f5 !important;
    border-radius:10px;
    margin-top:0;
    margin-bottom:0;
    padding: 2px 12px 2px 12px !important;
}


.fullwidthB {
    width:calc(100% - 3px) !important;
    overflow:hidden;
    padding-left:8px;
}
.fullwidth3 {
    width:calc(100% - 10px) !important;
}
.fullwidth4 {
    width:calc(100% - 30px) !important;
}
.fullheight {
    height:100% !important;
}

.tablecell > input[type='button'] {
    width:100% !important;
}

.stickyTop {/* only works on Chrome and Safari and Edge16 (not IE)*/
    xposition:fixed;
    position:-webkit-sticky;
    position:sticky;
    top:0; /* If it's 0 then you see the content scrolling above the top of the table cell */
    z-index:1 !important;
}
.modalProjectTimesheetTimes th.stickyTop {
    z-index:3 !important;
}
.stickyLeft {
    position:-webkit-sticky;
    position:sticky;
    left:0;
    z-index:2 !important;
    xbackground-color: #f9f9f9;
    background-clip:padding-box; /* This is so that Edge does not result in no borders */
    background-color:white;
}
.stickyLeft2 {
    position:-webkit-sticky !important;
    position:sticky !important;
    left:0px;
    background-clip:padding-box; /* This is so that Edge does not result in no borders */
}
.stickyLeft2_1 {
    position:-webkit-sticky !important;
    position:sticky !important;
    left:1px;
    background-clip:padding-box; /* This is so that Edge does not result in no borders */
}
.zIndex1 {
    z-index:1 !important;
}
.zIndex2 {
    z-index:2 !important;
}
.zIndex3 {
    z-index:3 !important;
}

.boxshadow {
    -moz-box-shadow:0 5px 12px #454545;
    -webkit-box-shadow:0 5px 12px #454545;
    box-shadow:0 5px 12px #454545;
    border:solid 1px #b8b8b8;
    zoom:1;
    z-index:9999;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    filter:
                    progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=100,strength=7),
                    progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=135,strength=7),
                    progid:DXImageTransform.Microsoft.Shadow(color=#989898,direction=180,strength=10),
                    progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=225,strength=7),
                    progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=260,strength=7);
}


.circledTx3 { /* span */
    position:absolute;
    top:-5px;
    right:-3px;
    border-radius:50%;
    padding:0 5px 2px 5px;
    background:#c4040c;
    border:1px solid #c4040c;
    color:white;
    text-align:center;
    font-size:65%;
    cursor:pointer;
    min-width:15px;
    margin:2px 2px 0 0;
}


.forminputlabel {
    font-size:12pt ;
    text-align:right;
    padding-right:2px !important;
    vertical-align:top;
}

.adminBx {
    xwidth:93.5% !important;
    min-height:48px !important;
    white-space:normal !important;
    overflow:auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    cursor:text;
}

.readonly, .disabledfield {
    cursor: not-allowed !important;
}
.readonly:not(.dontGrey), .disabledfield {
    background-color:#f8f8f8 !important;
    color: #8d8d8d !important;
    cursor:not-allowed !important;
}

.disabledfield {
    /*background-color:#f8f8f8;*/
    padding:3px;
    /*color:#808080;*/
    /*cursor:not-allowed !important;*/
}
input[readonly] {
    background-color:#f8f8f8;
    color:#b7b7b7;
}

/* Possible candidate to move to forms */
.nominwidth {
    min-width:auto !important;
    display:table-row !important;
    height:28px !important;
    padding-left:6px;
}


.button { /* input clickable */
    cursor:pointer;
    height:30px !important; /* chnaged from 30px to be same as a.button */
    min-width:60px;
    white-space:nowrap;
    margin-left:8px;
    background-color: #EEEEEE;
    padding-top:1px;
    padding-bottom:6px;
    border:1.25px solid #c0c0c0 !important;
    text-align:center!important;
}
.button:hover {
    background-color:#e1e1e1;
    transition:all 0.5s ease 0s;
}
.hint {
    opacity:0;
    position:absolute;
    xbackground:#f8faf8;
    border:2px solid #7f7e83;
    background-color:#7f7e83;
    color:white;
    padding:10px;
    border-radius:4px;
    z-index:9999;
    margin-left:10px;
    -webkit-transition:opacity 1000ms linear;
    transition:opacity 1000ms linear;
    box-shadow:0px 6px 6px #B2B2B2;
    opacity:1 !important;
    animation-name: hintAppear;
    animation-duration:0.35s;
    animation-delay:0s;
    animation-timing-function: ease;
}
.hint:before {
    content:"";
    position:absolute;
    top:-13px;
    left:10px;
    border-style:solid;
    border-width:0 10px 13px;
    border-color:#7f7e83 transparent;
    display:block;
    width:0;
    z-index:1;
}
.hint:after {
    box-shadow:-4px 4px 4px 0 rgba( 178, 178, 178, .4 );
}
@keyframes hintAppear {
    0% {
        margin-top:200px;
        opacity:0;
    }
    10% {
        opacity:0;
    }
    100% {
        margin-top:0;
        opacity:1;
    }
}
.disappeared {
    opacity:0 !important;
}
.disappear {
    opacity:0 !important;
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
}
.appear {
    opacity:1 !important;
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
}
.unfadeaway {
    /* @keyframes duration | timing-function | delay |
        iteration-count | direction | fill-mode | play-state | name */
    display:block;
    visibility:visible;
    opacity:1 !important;
    xheight:auto !important;
    overflow:hidden;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.fadeaway {
    /* @keyframes duration | timing-function | delay |
        iteration-count | direction | fill-mode | play-state | name */
    opacity:0 !important;
    height:0 !important;
    overflow:hidden;
    margin:0;
    padding:0;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    border:none;
    min-height:unset;
}
.unfadeawayDown {
    /* @keyframes duration | timing-function | delay |
        iteration-count | direction | fill-mode | play-state | name */
    display:block;
    visibility:visible;
    opacity:1 !important;
    overflow:hidden;
    bottom:0 !important;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.unfadeawayDown0 {
    /* @keyframes duration | timing-function | delay |
        iteration-count | direction | fill-mode | play-state | name */
    display:block;
    visibility:visible;
    overflow:hidden;
    -webkit-animation:all 0.5s animate_unfadeawayDown;
    -moz-animation:all 0.5s animate_unfadeawayDown;
    animation:all 0.5s animate_unfadeawayDown;
}
@keyframes animate_unfadeawayDown {
    0% {
        bottom:-100px;
        opacity:0;
    }
    100% {
        bottom:0;
        opacity:1;
    }
}
.fadeawayDown {
    /* @keyframes duration | timing-function | delay |
        iteration-count | direction | fill-mode | play-state | name */
    opacity:0 !important;
    bottom:-100% !important;
    overflow:hidden;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
}
.hiddenH {
    display:none !important;
    visibility:hidden;
}
.hidden, .forcehidden, .hiddenOnInit {
    display:none !important;
    visibility:hidden;
    opacity:0 !important;
    height:1px !important;
    width:1px !important;
    overflow:hidden !important;
}
.invisible {
    visibility:hidden;
}
.show {
    display:block !important;
}
.showTR {
    diplay:table-row !important;
}
.inlineblock {
    display:inline-block;
}
.noindent {
    padding:10px;
}
.floatright {
    position:relative;
    float:right;
    padding-right:10px
}
.floatleft2 { /* Make sure you have an outer div container */
    float:left;
}
.floatleft {
    display:table-cell;
    position:relative;
    float:left!important;
    padding-left:0;
}
.centerBody {
    position:relative;
    width:calc(100% - 29px);
    margin:0 auto;
    max-width:600px;
    display:block;
    xpadding-right:300px;
}
.centerBody2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
.cursordefault,.cursorpointer,.cursorarrow,.arrowcursor {
    cursor:default;
}
.cursortext, .textcursor {
    cursor:text!important;
}
.cursormove {
    cursor:move!important;
}
.cursorzoomin_done {
    transition:all 0.25s ease 0s;
}
.cursorzoomin {
    cursor:zoom-in;
    z-index:99999;
}
.cursorzoomout {
    cursor:zoom-out;
    width:auto!important;
    max-width:1200px!important;
    position:fixed;
    z-index:999;
}
.widthauto {
    width:auto!important;
}
.cursornotallowed {
    cursor:not-allowed;
}
.cursor_nodrop {
    cursor:no-drop;
}
.handcursor {
    cursor:pointer !important;
}
.horizontalcursor {
    cursor:ew-resize !important;
}
.verticalcursor {
    cursor:ns-resize !important;
}
.neswcursor {
    cursor:nesw-resize !important;
}





/*.loginNmLookupTable table {*/
/*    padding:0;*/
/*    margin:0 0 0 10px;*/
/*    border:solid 1pt #cfcfcf;*/
/*}*/
/*.loginNmLookupTable td {*/
/*    padding:0;*/
/*    padding:0 0 0 5px;*/
/*    border-bottom:solid 1pt #ededed;*/
/*}*/
/*.loginNmLookupTable2 table {*/
/*    padding:0 0 0 5px;*/
/*    background-color:#cb0017;*/
/*}*/




.curvedSpan {
    padding:2px 10px 2px 10px;
    margin-left:10px;
    border-radius:12px;
    display:inline-block;
}
.curvedSpan2 {
    padding:0 8px 0 8px;
    margin:1px 0 1px 0;
    border-radius:12px;
    display:inline-block;
}


.responseMsg > .outer > .inner {
    padding:16px 16px 0 16px;
    max-height:calc(100vh - 100px);
    max-width:calc(100vw - 100px);
    min-height:72px;
}
.responseMsg > .outer > .inner * tr {
    vertical-align: top;
}
.responseMsg > .outer > .inner * td {
    padding-right:10px;
}
.responseMsg > .outer > .inner > .home {
    width:99%;
    padding-bottom:0!important
}

.centeredPopup{
    position:fixed;
    padding:0;
    -moz-box-shadow:0 5px 12px #454545;
    -webkit-box-shadow:0 5px 12px #454545;
    box-shadow:0 5px 12px #454545;
}

.table {
    display:table;
    width:calc(100% - 30px);
}
.table > div[contenteditable='false'], .tablerow {
    display:table-row!important;
    width:100%;
}

.tablecaption {
    display:table-caption;
}
.tablegrey > div:first-child > div {
    background-color: lightgrey;
    border:lightgrey;
}
.table > div > div, .tablecell {
    display:table-cell;
    border-top:solid 0.5pt #B3B3B3;
    border-left:solid 0.5pt #B3B3B3;
    border-radius:0!important;
    padding:3px;
    max-width:50%;
    vertical-align:top;
}
.clearfix:after {
    clear:both;
    content:"";
    display:block;
    height:0;
}

.wrapper {
    display:table-cell;
    xheight:400px;
    vertical-align:middle;
    width:100vw;
}

a.emailName:hover, a.phoneName:hover {
    background-color: #80a8d8;
    color:white;
    cursor:pointer;
}
.emailName, .phoneName {
    transition:all 0.5s ease 0s;
    background-color:#99C2D8;
    color:white;
    text-decoration: underline;
    padding:0px 6px 1px 6px;
    margin:1px;
    border-radius:9px;
    transition:all 0.5s ease 0s;
}
.emailName > a, .phoneName > a {
    color:white;
}
.phoneName {
    background-color:#CFD3E6;
    padding-left:0;
    padding-right:6px;
}
.emailText {
    height:30vh;
    overflow:auto;
}
.emailFieldLabel {
    text-align:right;
    padding-top:4px;
}
.emailField {
    background-color:#fdfafa;
    padding:6px;
    width:100%;
}
.emailText {
    background-color:#f1eeee;
    padding-left:6px;
    padding-right:6px;
}
.hoverpopup, .tooltip {
    display:block;
    position:absolute;
    z-index:10004;
    padding:12px !important;
    border:solid 1pt #8d8d8d;
    background-color: #f6f4f4 !important;
    border-radius:9px;
    font-size:11pt;
    min-width:125px;
    xwidth:45vw;
    max-width:500px;
    max-height:75vh;
    margin-top:20px;
    margin-right:20px;
    margin-bottom:20px;
    transition:all 0.5s ease 0s;
    overflow-y:auto;
}
.hoverpopupTD {
    xborder:solid 1px blue!important;
    font-weight:600;
}
.tooltip li {
    list-style-type:square;
}
.tiplinkref, .tiplinkdesc {
    background-color:#ede4e4;
    border-radius:12px;
    padding:1px 8px 1px 8px;
}
.tiplinkhead {
    font-weight:600;
}
.contentEditableCaller:hover {
    border:solid 1px #cbc8d6;
}
.contentEditableCaller {
    cursor:text;
    height:100%;
    width:100%;
    margin-right:6px !important;
    border:solid 1px white;
}
.contentEditableCaller[type='checkbox'] {
    cursor:pointer;
    height:auto;
    width:auto;
}
.auditHighlight {
    background-color:#e3edef;
    padding:1px 4px 1px 4px;
    margin:8px 0 8px 0;
    border:solid 1px white;
    border-radius:8px;
    font-size:11pt;
    white-space:nowrap;
}
.footer {
    position:relative;
    margin:0;
    padding:0;
    max-height:1px;
    position:fixed;
    vertical-align:bottom;
    bottom:0;
    left:0;
}
.centerPosition { /* showPopup */
    position:absolute;
    top:200px;
    left:20%;
    width:601px;
}

.popupHeader { /* showPopup */
    font-size:20px;
    padding:10px;
}

.progressBarContainer { /* showPopup */
    border:solid 1pt #ccc;
    border-radius:8px;
    height:20px !important;
    width:99%;
    margin:20px 0 1px 0;
    text-align:left;
}
/*.progressBar { !* showPopup *!*/
/*    background-color:#CAECCA;*/
/*    width:100%;*/
/*    height:100%;*/
/*}*/
.progressBarContainerText { /* showPopup */
    border:none;
}

.closeButton { /* showPopup */
    padding-top:6px;
    padding-bottom:6px;
    padding-left:5px;
    padding-right:5px;
    margin-left:10px;
    cursor:pointer;
}
.closeButton:disabled { /* showPopup */
    color:#aaa;
    cursor:not-allowed;
}
.closeButton { /* showPopup */
    margin-top:10px;
}
.closeButton2 {
    position:absolute;
    float:right;
    right:0;
    top:0;
    color:white;
}
.listFormTable {
    min-height:75vh;
}

.tabbedPanel {
    width:100%;
}
.tabbedPanelTab {
    cursor:default;
    min-width:85px;
    padding-left:5px;
    padding-right:5px;
    height:19px;
    background-color:white;
    position:relative;
    float:left;
    margin-left:5px;
    margin-right:5px;
    border-top:solid 1px grey;
    border-left:solid 1px grey;
    border-right:solid 1px grey;
    border-bottom:solid 1px white;
    padding-bottom: 6px; /* DBFlag fixing the tab centering */
}
.tabbedPanelTab_disabled {
    cursor:pointer;
    height:20px;
    background-color:#e5e5e5;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:solid 1px grey;
    padding-bottom: 6px; /* DBFlag fixing the tab centering */
}
.tabbedPanelPanels {
    margin-top:10px;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#e5e5e5;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#e5e5e5;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#e5e5e5;
}
:-moz-placeholder { /* Firefox 18- */
    color:#e5e5e5;
}
.collapsedBorder {
    border-collapse: collapse!important;
}
select.admin {
    width:calc(100% - 5px);
    min-width:auto;
    padding-left:7px;
    padding-right:15px;
    padding-top:3.5px; /* Changed to work with time/timezone alignments */
    padding-bottom:4px;
    xwidth:calc(100% - 18px); /* was - 30px */
    height:37px !important;
    xmax-height:32px;
}
select.aforminputfield_tz.admin {
    height:33px !important;
    max-height:33px;
}
input.selectValuesFilter.admin {
    width:calc(100% - 5px);
    min-width:auto;
    padding-left:7px;
    padding-right:15px;
    padding-top:3.5px; /* Changed to work with time/timezone alignments */
    padding-bottom:4px;
    xwidth:calc(100% - 18px); /* was - 30px */
    height:32px !important; /* 32px; */
    max-height:32px;
}



#timesheettable input.selectValuesFilter.admin { /* TODO: I don't think timesheettable is used anywhere */
    width:calc(100% - 5px);
    min-width:auto;
    padding-left:7px;
    padding-right:15px;
    padding-top:3.5px; /* Changed to work with time/timezone alignments */
    padding-bottom:4px;
    xwidth:calc(100% - 18px); /* was - 30px */
    height:36px !important; /* 32px; */
    max-height:36px;
}
#timesheettable select.admin {/* TODO: I don't think timesheettable is used anywhere */
    width:calc(100% - 5px);
    min-width:auto;
    padding-left:7px;
    padding-right:15px;
    padding-top:3.5px; /* Changed to work with time/timezone alignments */
    padding-bottom:4px;
    xwidth:calc(100% - 18px); /* was - 30px */
    height:36px !important; /* 32px; */
    max-height:36px;
}
#timesheettable .tsdh td {/* TODO: I don't think timesheettable is used anywhere */
    /*border-color: #1aff94;*/
    border-top:solid 5pt white;
    /*border-left: none;*/
    /*border-right:none;*/
    border-left:none;
    border-right:none;
    position:relative;
}
/*#timesheettable .tstr2 td input{*/
/*   border: solid 1px green !important;*/
/*}*/
/*#timesheettable .tstr2 td select{*/
/*   border: solid 1px green !important;*/
/*}*/
#timesheettable .tstr2 td {/* TODO: I don't think timesheettable is used anywhere */
    /*border-color: #1aff94;*/
    border-top:solid 5pt white;
    /*border-left: none;*/
    /*border-right:none;*/
    /*position:relative;*/
    height: 36px;
}
/*.tsNotes {*/
/*    width:100%;*/
/*}*/
/*.tsGreybarTimes {*/
/*    padding-left: 2px;*/
/*    right:5px;*/
/*    !*position:absolute;*!*/
/*    display:inline-block;*/
/*    border: 1pt solid transparent*/
/*}*/
.taskContainer.taskCancelled a {/* TODO: I don't think taskContainer is used anywhere */
    color: lightgrey !important;
}
.taskContainer {/* TODO: I don't think taskContainer is used anywhere */
    display:block;
}
/*@media screen and (max-width:1000px) {*/
/*    .tsNotes {*/
/*        min-width: 100px;*/
/*        max-width: 400px;*/
/*    }*/
/*}*/
/*@media screen and (min-width:1000px) and (max-width:1500px) {*/
/*    .tsNotes {*/
/*        min-width: 200px;*/
/*        max-width: 600px;*/
/*    }*/
/*}*/
/*@media screen and (min-width:1500px) and (max-width:2000px) {*/
/*    .tsNotes {*/
/*        min-width: 200px;*/
/*        max-width: 800px;*/
/*    }*/
/*}*/
/*@media screen and (min-width:2000px) {*/
/*    .tsNotes {*/
/*        min-width: 500px;*/
/*    }*/
/*}*/
/*.tsBillHdr, .tsBill {*/
/*    width:120px;*/
/*    min-width:120px;*/
/*    max-width: 120px;*/
/*    box-sizing: border-box;*/
/*}*/
/*.tsBill {*/
/*    width:90px;*/
/*    min-width:90px;*/
/*    max-width: 90px;*/
/*    box-sizing: border-box;*/
/*}*/
/*.tsBillCopy {
    width:30px;
    min-width:30px;
    max-width: 30px;
    box-sizing: border-box;
}*/
/*.tsApproval {
    min-width:300px;
    max-width: 300px;
    box-sizing: border-box;
}
.tsApproval div {
    width:100%
}
.tsApproval div > div{
    display:flex;
}*/
/*th.tsAddRem,
td.tsAddRem{
    width: 70px;
    min-width:70px;
    max-width:70px;
    box-sizing: border-box;
    padding-left:0 !important;
    padding-right:0 !important;
}
td.tsAddRem div {
    display:flex;
    !*width:100%;*!
    !*min-width:80px;*!
    !*max-width: 80px;*!
    !*box-sizing: border-box;*!
    !*padding-left:0 !important;*!
    !*padding-right:0 !important;*!
}*/
/*.buttonNopad {*/
/*    padding:0 !important;*/
/*}*/
/*.tsApproval button:disabled {*/
/*    opacity:30%;*/
/*}*/

/*.taskContainer img {
    margin-top:2px;
}*/
/*#timesheettable .tstr2 td > * {*/
/*   position:relative !important;*/
/*   top: 50%;*/
/*   left: 50%;*/
/*   transform: translate(-50%,-50%);*/
/*}*/
@supports (-ms-ime-align:auto) {
    /* Edge and IE... */
    select.admin {
        padding-top:5px;
    }
}

span.dropdownlist {
    padding-right:20px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE only */
    select.admin {
        background-image:none;
    }
}

input[type="text"],[type="number"],[type="date"],[type="time"],[type="email"],[type="tel"],[type="search"] {
    -webkit-appearance:none;
}

@media screen and (max-width:700px) {
    input[type="checkbox"] {
        vertical-align: middle!important;
    }
}
input[type="checkbox"] {
    vertical-align:text-top;
    margin-left:5px;
    border:none;
}
input.checkbox { /* button */
}
input[type='date'],[type='time'] {
    background-color:white;
}
.material-icons-outlined {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    vertical-align:middle;
    padding-bottom:2px;
    font-size:20pt;
    font-family:'Material Icons Outlined';
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.material-icons {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    vertical-align:middle;
    padding-bottom:2px;
    font-size:20pt;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}
.highlightedText {
    background-color:#F3F5F7;
    border-radius:9px;
    padding:10px;
    margin:0;
}
.flashfade {
    animation-name:flashfadeAnim2;
    animation-duration:1.5s;
    animation-timing-function:ease-out;
    animation-delay:0.25s;
}
.no_delay {
    animation-delay:0s!important;
}
@keyframes flashfadeAnim2 {
    0% {
        background-color:black;
        color:white;
    }
    100% {
        background-color:unset;
        color:unset;
    }
}


/* This is used by the PDF generator progress monitor */
.progressMonitor {
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    top:23vh;
    width:80vw;
    max-width:800px;
    min-height:200px;
    background-color: #f6f1f1;
    border:solid 1pt black;
    padding:10px;
    text-align:center;
}
/*.todayline {*/
/*    border-left: solid 2pt red;*/
/*}*/
.gobuttonContainer {
    padding-top:27px;
    padding-left:24px;
}
.forminputs {
    margin-left:20px;
    padding-left:10px;
    padding-right:10px;
    max-width:calc(100% - 200px);
    text-align:right;
}
.strike {
    text-decoration:line-through!important;
}
.loginStatusAlert {
    position:fixed;
    top:5px;
    left:100px;
    background-color:black;
    border-radius:19px;
    color:white;
    width:calc(100% - 200px);
    padding:10px;
    text-align:center;
    cursor:pointer;
    opacity:0.9;
    z-index:9999;
    transition:all 1s ease 0s!important;
}
.heightAuto {
    height:auto!important;
}
.opacity0a {
    opacity:0 !important;
    margin-top:55px !important;
}
.opacity0 {
    opacity:0 !important;
}
.opacity10 {
    opacity:.1 !important;
}
.opacity50 {
    opacity:.5 !important;
}
.ellipsis {
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    xmax-width:0; /* Removed as Datasource Build Status was mis-sizing with it */
    width:calc(100vw - 50px); /* -50 to take into account space for a project hamburger */
}
.heading {
    font-weight:bold;
    font-size:18pt;
    text-decoration:underline;
    margin:0;
    padding-left:0;
    margin-top:10px;
    margin-bottom:10px;
    display:block;
}
.transparent_class { /* showPopup */
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';/* IE 8 */
    filter:alpha(opacity=80);/* IE 5-7 */
    -moz-opacity:0.8;/* Netscape */
    -khtml-opacity:0.8;/* Safari 1.x */
    opacity:0.8; /* Good browsers */
}
.background { /* showPopup */
    position:absolute;
    top:0;
    left:0;
    width:500px;
    height:500px;
    background-color:grey;
    z-index:900;
    cursor:progress;
}
.popup { /* showPopup */
    background-color:white;
    padding:10px 10px 10px 10px;
    z-index:901;
    text-align:center;
    -webkit-box-shadow:5px 5px 30px 0px rgba(22, 22, 22, 0.21);
    -moz-box-shadow:   5px 5px 30px 0px rgba(22, 22, 22, 0.21);
    box-shadow:        5px 5px 30px 0px rgba(22, 22, 22, 0.21);
    overflow-y:auto;
}
.listformlist {
    padding:0;
    margin:0;
    display:inline;
}
.selectedRowBackground  {
    background-color:#f0f0f0!important;
}
.dateColumn {
    width:90px !important;
}
.amtColumn {
    width:100px !important;
}
.amtColumnSmall {
    width:70px !important;
}
.ccyColumn {
    width:30px !important;
}
.dateColumn {
    width:40px !important;
}
.amtColumn {
    width:40px !important;
}
.statusColumn {
    width:60px;
    white-space:nowrap;
}
.intColumn {
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
}
.statusColumn {
    width:60px;
    white-space:nowrap;
}


.alphabeticSelected {
    border:solid 2px #757575 !important;
}
.alphabeticSelect {
    border:solid 1px #D7D7D7;
    border-right:solid 1px #D7D7D7 !important; /* needed to close the final border on the panel*/
}
.roundedCorners {
    border-radius:5px;
}
/*.tick {*/
/*    border-radius:5px;*/
/*    background-color:#4ac32d;*/
/*    color:white;*/
/*    padding:2px 2px 2px 2px;*/
/*    font-size:150%;*/
/*}*/
/*.cross {*/
/*    border-radius:5px;*/
/*    background-color:lightgrey;*/
/*    color:white;*/
/*    padding:2px 2px 2px 2px;*/
/*    font-size:150%;*/
/*}*/
.loginTermsTx {
    max-width:500px;
    padding:20px;
}
.rowdragger {
    text-align:right!important;
    font-size:90%!important;
    border:none!important;
    padding-top:6px!important;
    cursor:move!important;
    line-height:unset!important;
    margin-right:0!important;
    padding-right:0!important;
    padding-top:3px!important;
}
.rowdrag  {
    background-color: #e6f1f6 !important;
    margin-top:-5px;
    margin-bottom:-5px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
    box-shadow: 5px 5px 30px 0px rgba(22, 22, 22, 0.62);
    z-index:999;
}
.rowdrag > td {
    background-color: #e6f1f6 !important;
    margin-top:-5px;
    margin-bottom:-5px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
    box-shadow: none; /* 5px 5px 30px 0px rgba(22, 22, 22, 0.62); */
    z-index:999;
}
.lookupCdNm {
    overflow:auto;
    border:solid 1px black!important;
    background-color:white;
    width:80%!important;
    max-width:400px;
    padding:0;
    height:30%;
    min-height:300px;
    max-height:600px;
}
.lookupCdNm > table {
    padding:0;
    margin:0;
}
.lookupCdNm > * > td {
    cursor:pointer;
}
#lookupCdNmPopup {
    width:100%!important;
}
.lookupSelector  {
    width:80%;
    max-width:600px;
    display:block;
    position:fixed;
    z-index:999;
    overflow:hidden;
}
/*.upperComponentTable {*/
/*    height:calc(100% - 50px);*/
/*    overflow:auto;*/
/*}*/
/*.lowerComponentTable {*/
/*    height:50px;*/
/*    background-color:#F2F0F0;*/
/*    overflow:auto;*/
/*    font-size:10.5pt;*/
/*    padding:10px;*/
/*    position:absolute;*/
/*    bottom:0;*/
/*}*/
/*.lowerComponentTable > td {*/
/*    border:none!important;*/
/*    cursor:default;*/
/*}*/
.formHeader {
    margin-bottom:20px;
}
.tabfields > tbody > tr > td:first-child {
    xwhite-space:nowrap;
    min-width:200px;
}
.tabfields > tbody > tr > td:nth-child(2) {
    color:grey;
}
.similarList {
    padding-top:4px;
    border-radius:9px;
    padding-left:6px;
    background-color:#f9f5f9;
}
.mandatory {
    background-color: rgba(255, 255, 0, 0.01) !important;
}
.auditModaltimesheet_week {
    max-width:1300px!important;
}
.resizediv_x {
    resize:horizontal;
    overflow:auto;
}
.resizediv_y {
    resize:vertical;
    overflow:auto;
}
.comparedeleted  {
    background-color : LightPink;
    text-decoration  : line-through
}
.compareinserted {
    background-color : PaleGreen
}
.smallCircle3 {
    position:relative;
    top:-7px;
    right:-19px;
    z-index:99px;
    background-color:#8f8586;
    color:white;
    border-radius:50%;
    border:solid 1px white;
    min-width:20px !important;
    text-align:center;
    display:inline-block;
    margin:0;
    padding:0 2px 4px 2px;
    font-size:85%;
    height:19px
}
/*.somethingMarker {*/
/*    border-radius:10px;*/
/*    height:7px;*/
/*    width:7px;*/
/*    background-color: #9c9cc2;*/
/*    border:solid 2px #6b6bac;*/
/*    margin-top:-22px;*/
/*    position:relative;*/
/*    left:43px;*/
/*}*/
.agoOnTimer {
    font-size:inherit;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.disabledButton {
    pointer-events: none;
    /*opacity:40%;*/
    cursor: not-allowed;
}
.disabledGreyedButton {
    /*pointer-events: none;*/
    opacity:40%;
    cursor: not-allowed;
}
#timesheettable .greyedButton {
    cursor:help !important;
    border:none !important;
    background-color: transparent !important;
}

#timesheettable .greyedButton > * {
    cursor:help !important;
    opacity:40%;
    border:none !important;
    background-color: transparent !important;
}
.imageset {
    display:flex;
    transition:all 1s ease 0s!important;
}
.imageset div {
    display:inline-flex;
    transition:all 1s ease 0s!important;
    vertical-align:top;
    height:100%;
}
.imageset * img {
    transition:all 1s ease 0s!important;
    width:100%;
    height:100%;
}
.imageSetZoomIn {
    width:calc(100vw - 50px)!important;
    max-width:calc(100vw - 50px)!important;
}
.imageSetZoomOut {
    width: 20% !important;
    min-width: 5px !important;
}
.moreButton {
    border-radius:9px;
    padding:2px 12px 2px 12px;
    background-color: #dddde7;
    color:grey;
}
#similarNames {
    background-color: #eeeeee;
    width:calc(100% - 50px);
    border-radius:9px;
    border-color: solid 1px #d2d1d1;
    padding:10px;
    margin:4px 0px 4px 8px;
}
#similarNames > div {
    margin-left:10px;
}
.rotate90 {
    transform:rotate(90);
}
.rotate180 {
    transform:rotate(180);
}
.rotate270 {
    transform:rotate(270);
}
.spinning {
    animation: rotation 0.7s infinite linear;
    display:inline-block;
    padding:0!important;
    margin:0!important;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
        transform-origin: center;
    }
    50% {
        xpadding-left:-5px;
    }
    100% {
        transform: rotate(-360deg);
        transform-origin: center;
    }
}
.push_pin {
    display:table-cell;
    color:grey;
    font-size:130%;
    padding-right:10px;
    margin-top:5px;
    cursor:pointer;
    transition:all 0.05s ease-in-out;
}
.ellipsis .push_pin {
    font-size: 110%;
    margin-right: -11px;
    margin-top:3px;
}

.ellipsis .push_pin_fg {
    xmargin-top:-11px;
    margin-right:-6px;
}
.push_pin_fg {
    color:white;
    transform:rotate(45deg);
    padding:2px 7px 0 3px;
}
.row-collapse td {
    padding:0px 0px;
    /*line-height:0px;*/
    white-space:nowrap;
    overflow:hidden!important;
}

.imgNoAdj {
    width:unset!important;
}
.underscore {
    text-decoration: underline!important;
}


.progressChart {
    width:calc(100% - 10px);
    height:fit-content;
    xborder:solid 1px #d4d2d2;
    xborder-radius:5px;
}
.progressChart > span {
    background-color:#8a8ab3;
    color:white;
    padding:2px;
    transition:all 0.5s ease 0s;
    text-align:right;

    background: #555;
    padding: 0 10px 0 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
#msg {
    margin-bottom:10px;
}
/*#prog {*/
/*    display: block;*/
/*    height: 100%;*/
/*    border-radius: 0;*/

/*    background-color: #8a8ab3;*/
/*    background-image: -webkit-gradient(*/
/*            linear,*/
/*            left bottom,*/
/*            left top,*/
/*            color-stop(0, #8a8ab3),*/
/*            color-stop(1, #c7c7e5)*/
/*    );*/
/*    background-image: -moz-linear-gradient(*/
/*            center bottom,*/
/*            #8a8ab3 37%,*/
/*            #c7c7e5 69%*/
/*    );*/
/*    -webkit-box-shadow:*/
/*            inset 0 2px 9px  rgba(255,255,255,0.3),*/
/*            inset 0 -2px 6px rgba(0,0,0,0.4);*/
/*    -moz-box-shadow:*/
/*            inset 0 2px 9px  rgba(255,255,255,0.3),*/
/*            inset 0 -2px 6px rgba(0,0,0,0.4);*/
/*    box-shadow:*/
/*            inset 0 2px 9px  rgba(255,255,255,0.3),*/
/*            inset 0 -2px 6px rgba(0,0,0,0.4);*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
.progressChart > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
            -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(255, 255, 255, .2)),
            color-stop(.25, transparent), color-stop(.5, transparent),
            color-stop(.5, rgba(255, 255, 255, .2)),
            color-stop(.75, rgba(255, 255, 255, .2)),
            color-stop(.75, transparent), to(transparent)
            );
    background-image:
            -moz-linear-gradient(
                    -45deg,
                    rgba(255, 255, 255, .2) 25%,
                    transparent 25%,
                    transparent 50%,
                    rgba(255, 255, 255, .2) 50%,
                    rgba(255, 255, 255, .2) 75%,
                    transparent 75%,
                    transparent
            );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
.cbhelp {
    padding-top:7px!important;
}

.collightGrey4BottomBorder {
    border-bottom:solid 1px #8f8586;
    padding-left:5px;
    width:100%
}
.resizeableFrame {
    width:1px;
    height:1px;
    overflow:auto
}
.lazy {
    max-width:100%;
    height:auto;
}

@charset "UTF-8";
.wingdings {
    font-family:'Wingdings 3', Arial, Verdana, sans-serif;
    font-weight:400;
}
.bold {
    font-weight:bold;
}
.redborder {
    border:solid 2px #cb0017 !important; /* changed from 1pt as it wasn't working on table cells where the top of the cell would not come through as red */
}
.buttondiv {
    padding:4px 10px 4px 10px !important;
    cursor:pointer;
    color:#373535;
    border:solid 1pt #C0C0C0;
    text-align:center;
    background-color:#F0F0F0;
    transition:all 0.5s ease 0s;
    min-height:22px !important;
    height:22px !important;
}
.buttondiv:hover {
    background-color:#e1e1e1;
    transition:all 0.5s ease 0s;
}
.highligherText {
    animation-name:highlighttextkf;
    animation-duration:1s;
    animation-timing-function:ease-in;
}
@keyframes highlighttextkf {
    0% {
        color:#3b3939;
    }
    20% {
        color:#cb0017;
    }
    100% {
        color:#3b3939;
    }
}
.highlightArea {
    transition:all 0.5s ease 0s;
}
@keyframes highlighttextkf2 {
    0% {
        color:#3b3939;
        opacity:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        height:0 !important;
        line-height:0 !important;
        padding:0 !important;
        margin:0 !important;
    }
    20% {
        color:#cb0017;

        color:#3b3939;
        min-height:50px !important;
        max-height:0 !important;
        height:50px !important;
        line-height:50px !important;
        padding:50px !important;
        margin:50px !important;
    }
    100% {
        color:#3b3939;
        max-height:auto;
    }
}

.unhighlighting {
    overflow:hidden;
    -webkit-transition:all 0.25s ease-in;
    -moz-transition:all 0.25s ease-in;
    transition:all 0.25s ease-in;
}
.unhighlightArea {
    font-weight:bold;
    min-height:0 !important;
    max-height:0 !important;
    height:0 !important;
    line-height:0 !important;

    padding:0 !important;
    margin:0 !important;
    opacity:0 !important;
}

* {
    outline:none;
}
.actionstates {
    border:solid 1pt white;
    width:1%;
}


@media screen and (max-width:767px) {
    /*.searchfield { !* li *!*/
    /*width:90%;*/
    /*text-align:left;*/
    /*padding-left:10px;*/
    /*right:10px;*/
    /*}*/
    .menu .searchfield {
        width:100%;
        max-width:767px;
    }
    .searchicon {
        width:25px;
        height:auto;
    }
    .searchtable { /* table */
        width:100%;
        /*padding-left:30px;*/
        /*padding-right:30px;*/
        padding:0 0 3px 0;
    }

    .menu .searchfield .admin {
        max-width:767px;
    }
    pre.style2 { /* pre */
        max-width:467px !important;
        width:90% !important;
        min-width:90% !important;
        overflow:hidden !important;
    }
    .phonebookresults {
        width:90%;
        padding-right:30px;
        padding-left:30px;
        right:auto;

        left:2px;
        right:2px;
    }
}
@media screen and (min-width:768px) {
    .phonebookresults {
        left:-50px;
        right:2px;
    }
}
input.upload { /* button */
    height:20px;
    padding:2px;
    width:600px;
    margin:2px
}
p.home { /* p */
    margin:3px 0 3px 0;
    padding:0 6px 6px 0;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    /* font-size:16px;
    line-height:1.6em; removed for contenteditable*/
}
p.listtable {
    margin:0;
}
p.listtable0 { /* p */
    margin:3px 0 0 0;
    padding:0;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
}
b.home { /* b */
    margin:3px 0 0 0;
    padding:0;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    xfont-size:13px;
    font-weight:bold;
}
/*p.home0 { !* p *!*/
/*font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;*/
/*font-size:161px;*/
/*font-weight:400;*/
/*color:#3b3939;*/
/*padding:1pt 0 12pt 5pt;*/
/*margin:0 0 0 0;*/
/*line-height:1.6em;*/
/*}*/
ul.home li.home { /* li */
    color:#474747;
    margin:3px 0 6px 0;
    font-size:12pt ;
    font-weight:300;
    padding:0;
    list-style-type:square;
    line-height:1.4em;
}
ol.home li.home { /* li */
    color:#474747;
    font-size:12pt ;
    font-weight:300;
    margin:3px 0 6px 0;
    padding:0;
    line-height:1.4em;
}
li.home {
    line-height:1.4em;
}
a {
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
}
a.blue {
    cursor:pointer;
    color:deepskyblue !important;
    text-decoration:underline !important;
}
.homePanelTitle { /* div */
    position:relative;
    margin:5px 1px 8px 1px;
    font-size:20px;
    font-weight:lighter;
    color:white;
    padding:4px 0px 5px 20px;
    background-color:#B8C2CF;
    background-image:url(https://qsafe.quorrasoft.com/images/bullet-white2.png);
    background-position-x:5px;
    background-position-y:1px;
    background-repeat:no-repeat;
}
/*.homePanelTitleWithBadge { !* div *!*/
/*    position:relative;*/
/*    margin:5px 1px 2px 1px;*/
/*    font-size:20px;*/
/*    font-weight:lighter;*/
/*    color:white;*/
/*    padding-left:20px;*/
/*    background-color:#B8C2CF;*/
/*    background-image:url(images/bullet-white2.png);*/
/*    background-position-x:5px;*/
/*    background-position-y:5px;*/
/*    background-repeat:no-repeat;*/
/*}*/
/*.homePanelTitleWithBadge[data-badge]:after {*/
/*    content:attr(data-badge);*/
/*    position:absolute;*/
/*    top:-10px;*/
/*    right:0;*/
/*    font-size:.7em;*/
/*    background:#cb0017;*/
/*    color:white;*/
/*    width:18px;height:18px;*/
/*    text-align:center;*/
/*    line-height:18px;*/
/*    border-radius:50%;*/
/*    box-shadow:0 0 1px #cb0017;*/
/*}*/
.showhidebut {
    cursor:pointer;
    margin-right:6px;
    border:none;
}
.projectStripe {
    margin-left:0px;
    margin-top:0px;
    padding-left:5px;
    padding-right:0px;
    padding-top:0px;
    font-size:16pt;
}
div.homePanelContainer {
    margin:0 0 2px 0;
}
div.homerightcenterpanelmargins {
    padding-left:10px;
    padding-right:10px;
}

div.homerightcenterpanel {
    xfloat:left;
    margin:0;
    /*min-height:95%;*/
    padding:0 0 10px 0;
    overflow:auto;
    min-height:90%;
    xwidth:100%;
}
div.articlerightcenterpanel {
    margin:0 10px 0 10px;
    padding:0;
    overflow:auto;
    min-height:90%;
}
.animatedtransition {
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    transition:all 0.2s ease;
}
@media screen and (min-width:1455px) {
    div.homerightcenterpanel {
        margin:0;
    }
    div.homerightcenterpanelmargins {
        padding-left:10px;
        padding-right:10px;
    }
    .bookmarks {
        margin-left:10px;
    }
    div.homeleft {
        float:left;
        width:468px; /* 450 */
        overflow:hidden;
        margin:0 0 50px 0;
        padding:0;
        min-height:100%;
    }
    div.homecenter {
        float:left;
        margin:0 0 50px 0;
        padding:0;
        overflow:hidden;
        min-width:600px;
        max-width:900px;
        width:60%; /* 700px; */
        min-height:100%;
    }
    div.homeright {
        margin:0 15px 50px 0;
        padding:0 5px 0 0;
        /* DJB */
        margin:0 0 0 0;
        padding:0 0 0 0;

        overflow:auto;
        min-width:300px;
        min-height:100%;
    }
    div.homeright2 {
        padding:0 5px 0 25px;
    }
}
@media screen and (max-width:1454px) and (min-width:945px) {
    div.homerightcenterpanel {
        margin:0 25px 0 0;
        /* DJB */
        margin:0 5px 0 0;
        overflow:hidden;
    }
    div.homeleft {
        float:left;
        width:490px; /* 450 */
        overflow:hidden;
        margin:0 10px 5px 5px;
        padding:0 5px 0 0;
        min-height:inherit;
    }
    div.homecenter, div.homeright {
        margin:0 15px 0 0;
        padding:0 5px 0 0;
        overflow:hidden;
        min-width:400px;
        width:100%;
    }
    #phonebook2 {
        display:none
    }
}
div.homefull {
    width:100%;
    /*DJB removed margins as this was causing horizontal scroll bars */
    /*    margin:1px 25px 0 1px;*/
    height:auto;
    display:table;
}
div.homefull1 {
}
div.homefull2 {
}
div.homefull3 {
}

/* Use showOnSmallScreenTR for table-rows */

.showOnSmallScreenTR {
    display:none !important;
}
.collapsedCols {
    padding-left:10px;
}
.collapsedColsLabel {
    font-style:italic;
    color:#b5b5b5;
}
.paddingOnSmallScreen {
}

@media screen and (max-width:675px) {
    .forminputlabel {
        font-size:10pt !important;
    }
    .forumtopiclist {
        width:100%;
    }
    .forumeditbox {
        width:100%;
    }
    .spacedForSmallScreen {
        padding-right:20px;
        padding-top:10px;
    }
    .spacedForSmallScreen2 {
        vertical-align:bottom;
        line-height:35px;
    }
    td.txntype > span {
        display: block;
        font-size:86%;
        line-height:14px;
    }
}

@media screen and (min-width:1133px) and (max-width:1400px) {
    .xhideOnSmallScreen {
        display:none;
    }

    .xshowOnSmallScreen {
        display:block;
        color:grey;
        white-space:normal;
    }
}
@media screen and (max-width:944px) {
    div.homefull {
        /*DJB removed margins as this was causing horizontal scroll bars */
        /*        padding-right:35px;*/
    }
    div.homeleft, div.homecenter, div.homeright {
        width:99%;
        min-width:300px;
        overflow:hidden;
        margin:0 15px 0 0;
        padding:0;
    }
    #phonebook2 {
        display:none
    }
}
div.style3 { /* div */
    border:none;
    overflow:hidden;
    background:none;
}
pre.style2 { /* pre */
    font-family:Courier New, Trebuchet MS, Tahoma, Arial Narrow, Century Gothic, Verdana, sans-serif;
    font-size:11pt;
    border:solid 1px #dedede;
    margin:0 10px 5px 10px;
    padding:3px 6px 3px 6px;
    color:#404040;
    background-color:#f7f8ff ;
    /* height:expression( this.scrollHeight > 332 ? "333px" :"auto" ); */
    max-height:333px;
    width:90%;
    xmax-width:690px;
    max-width:90%;
    overflow:hidden;
    white-space:pre;
}
div.style2 { /* div */
    font-family:Courier New, Trebuchet MS, Tahoma, Arial Narrow, Century Gothic, Verdana, sans-serif;
    font-size:11pt;
    border:solid 1px #dedede;
    margin:0 10px 0px 10px;
    padding:10px 6px 10px 6px;
    color:#404040;
    background-color:#f7f8ff;
    /* height:expression( this.scrollHeight > 332 ? "333px" :"auto" ); */
    max-height:325px;
    max-width:80vw;
    overflow:auto;
    overflow-x:auto;
}
.borderTop {
    border-top:solid 1px #;
}
.borderTopTodayRedLine {
    border-top:solid 2px #E32B2B !important;
}
.borderTopBlack {
    border-top:solid 0.25px black !important;
}
.borderLeft {
    border-left:solid 1px #cfcfcf !important;
}
hr.grey{ /* hr */
    color:brown;
    background-color:grey;
    width:100%;
    height:12px;
}



input.noshadow:focus {
    box-shadow:none;
}
input.noshadowGrey:hover {
    background-color: #e9e9e9 !important;
}
textarea.admin  {
    xwidth:calc(100% - 17px);
}
td > input.admin[type='text'] {
    box-shadow:none !important;
    width:calc(100% - 16px) !important; /* This avoids problems with text-overflow:ellipsis */
    height:100% !important;
    /*border:none !important;*/
}

#timesheet td > input.admin[type='text'] {
    box-shadow:none !important;
    width:calc(100% - 16px) !important; /* This avoids problems with text-overflow:ellipsis */
    height:36px% !important;
    box-sizing: border-box;
}
.padleft {
    padding-left:10px !important;
}
.warning_text {
    text-align:right;
    font-size:80%;
    padding-top:0;
    padding-left:6[x'']
}
.noradius {
    border-radius:0;
    padding:0;
    margin:0;
    border:none;
    width:100%;
}
.noradius2 {
    border-radius:0;
}
.noradiusTop {
    border-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-color:#a51f3a;
    padding:0;
    margin:0;
    border:none;
    width:100%;
}
.noradiusRight {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    xborder-right:none !important;
    margin-right:0 !important;
    padding-right:0 !important;
}
.noradiusLeft {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left:none !important;
    xborder-left:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
}

@media screen and (min-width:768px) {
    select.noradiusRight {
        border-right: #9e9e9e !important;
    }
    input.noradiusLeft {
        border-left:#9e9e9e !important;
        xheight:24px;
        xmax-height:24px;
        padding-left:7px !important;
    }
}

table.forms0 { /* table */
    font-size:14px;
    color:#4d4d4d;
    border:1pt solid #C0C0C0;
}
.minitoolbar {
    border:solid 1pt grey;
    border-radius:5px;
    padding-top:2px;
    min-width:33px;
    min-height:30px;
    margin:3px;
    display:inline-block;
    text-align:center;
}
.saving2 {
    padding-right:30px;
    xbackground-color:#f4d9ff;
    cursor:progress;
    background-image:url('https://qsafe.quorrasoft.com/images/hourglass2.svg%');
    background-repeat:no-repeat;
    background-size:15px;
    background-position:right 5px bottom;
}
.thadminleft { /* th */
    color:#757575;
    background-color:#EDEBEB;
    border-top-left-radius:5px;
    padding-right:5px;
    text-align:left;
    font-style:italic;
    /* Prevent background color leak outs */
    -webkit-background-clip:padding-box;
    -moz-background-clip:  padding;
    background-clip:       padding-box;
    margin:0;
    padding-left:5px;
}
.thadminright { /* th */
    color:#757575;
    background-color:#EDEBEB;
    border-top-right-radius:5px;
    padding-right:5px;
    text-align:right;
    font-style:italic;
    /* Prevent background color leak outs */
    -webkit-background-clip:padding-box;
    -moz-background-clip:  padding;
    background-clip:       padding-box;
}
/*xinput { !* input *!*/
/*font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;*/
/*font-size:13px;*/
/*font-weight:normal;*/
/*color:#313B65;*/
/*margin:0;*/
/*padding:2px 0 0 0;*/
/*border:1px;*/
/*border-style:solid;*/
/*border-color:#C0C0C0 ;*/
/*}*/


.nosidepadding {
    padding-left:0 !important;
    padding-right:0 !important;
}
.formrow {
    height:38px;
}
.followbutton { /* button */
    font-size:12pt ;
    height:32px;
    width:180px;
    padding-left:20px;
    background-color:#4AB6D7;
    background-position:10% 40%;
    cursor:pointer;
    background-image:url('https://qsafe.quorrasoft.com/images/email_white.png');
    background-repeat:no-repeat;
    border-radius:5px;
    border:none;
    margin:5px;
    color:white;
}
.greenbackground {
    background-color:#4ABB2E !important;
    color:white !important;
}
.greenbackground2 {
    background-color:#C0F5BE !important;
    color:#3b3939 !important;
}
.bluebackground {
    background-color:#4AB6D7 !important;
    color:white !important;
}
.text-shadow {
    text-shadow:1px 1px #cbc8d6;
}
.redbackground {
    background-color:#cb0017 !important;
    color:white !important;
}
.greybackground {
    background-color:#eeeeee !important;
    color:#3b3939 !important;
}
.greyBackground2 {
    background-color:#f7f7f7;
}
.greenbutton { /* button; also see modalButton and modalButton_ok */
    background-color:#4ABB2E !important;
    cursor:pointer;
    padding:4px 10px 4px 10px;
    margin-top:5px;
    margin-bottom:5px;
    color:white !important;
    font-size:12pt ;
    border-radius:5px;
    border:none;
    min-height:24px;
}
.greenbutton:disabled {
    background-color:#a3b6c0 !important;
    color:#ebebeb !important;
}
.colorbutton { /* button */
    cursor:pointer;
    padding:4px 10px 4px 10px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:12pt ;
    border-radius:5px;
    border:none;
    height:24px;
    min-width:200px;
}
.greybutton { /* button */
    background-color:#e6e6e6;
    border:solid 1pt #C0C0C0;
    padding:6px 10px 6px 10px;
    margin-top:5px;
    margin-bottom:5px;
    color:grey !important;
    font-size:12pt ;
    border-radius:5px;
    border:none;
    height:24px;
}
/*input.radio { !* button *!*/
/*    border:none;*/
/*    margin:0;*/
/*    padding:0;*/
/*    min-width:20px !important;*/
/*}*/
option.home { /* select */
    margin:0;
    padding:0;
}
xtextarea { /* textarea */
    margin:0;
    padding:0;
    border:1px;
    border-style:solid;
    border-color:#C0C0C0 ;
}
form {
    display:inline;
    padding:0;
}
table.folders { /* table */
    font-size:11pt;
    color:#313B65;
    width:100%;
}
tr.folders {
    padding-bottom:0;
}
td.folders { /* td */
    font-weight:normal;
    color:#313B65;
    padding:0 0 6px 0;
    text-align:left;
    width:10px;
}
p {
    margin:0 0 16px 0; /* Increased to make screenhelp look better */
}
p.folders { /* p */
    font-size:10pt;
    font-weight:normal;
    color:#5a5a5a;
    padding:0 0 1px 0;
    margin:0 0 0 0;
}
a.folders:active { /* a */
    font-size:10pt;
    font-weight:normal;
    color:#5a5a5a;
    padding:0 0 1px 0;
    margin:0 0 0 0;
}
a.folders:link { /* a */
    font-size:10pt;
    font-weight:normal;
    color:#5a5a5a;
    padding:0 0 1px 0;
    margin:0 0 0 0;
}
a.folders:hover { /* a */
    font-size:10pt;
    font-weight:normal;
    color:#5a5a5a;
    padding:0 0 1px 0;
    margin:0 0 0 0;
    text-decoration:underline;
}
a.folders:visited { /* a */
    font-size:10pt;
    font-weight:normal;
    color:#5a5a5a;
    padding:0 0 1px 0;
    margin:0 0 0 0;
}
.foldersTx { /* p */
    font-size:%adminFontSizeMinus05% !important;
    font-weight:normal !important;
    color:#808080 !important;
    padding:0 0 1px 0 !important;
    margin:0 0 6px 0 !important;
    white-space:normal;
    max-width:500px;
    line-height:14pt;
    color:grey;
}
.foldersTx a {
    color:grey;
}
.folderFileNm {
    color:#343434 !important;
}
.searchResultFolder {
    color:green;
    line-height:1.1em;
}
.bluetable {
    background-color:#E3E4FF;
    font-size:13pt;
}
table.bluetable0 {
    font-size:13pt;
    color:#313B65;
}
th.bluetable0 { /* th */
    background-color:#E3E4FF;
}
tr.bluetable0 { /* tr */
    background-color:#E3E4FF;
}
td.bluetable0 { /* td */
    border:solid 1px #E3E4FF;
}
.greyTopTable { /* table */
    background-color:#ffffff;
    font-size:11pt;
    color:#313B65;
}
th.greyTopTable { /* th */
    background-color:#F0F0F0;
}
table.greytable0 { /* table */
    font-size:13pt;
    color:#313B65;
}
th.greytable0 { /* th */
    background-color:#F0F0F0;
    color:#3b3939;
}
tr.greytable0 { /* tr */
    background-color:#F0F0F0;
}
td.greytable0 { /* td */
    border:solid 1px #F0F0F0;
}
.toolbar:active {
    font-size:13pt;
}
.toolbar:hover {
    font-size:13pt;
    text-decoration:underline;
}
.toolbar:link {
    font-size:13pt;
}
.qtoolbarbox a, .qtoolbarbox a:active {
    color:#3b3939!important;
}
table.toolbar { /* table */
    font-size:13pt;
    color:#313B65;
    background-color:white;
    border:solid 1px #c0c0c0;
    transition:all 0.5s ease 0s;
    padding:0;
    margin:0;
    border-spacing:0;
    border-collapse:collapse !important;
}
table.toolbar:hover { /* table */
    background-color:#f2f2f2;
    transition:all 0.5s ease 0s;
}
td.toolbar { /* td */
    padding-top:1px;
    text-align:center;
}
div.toolbar {
    line-height:1em;
}
table.articleTable0 { /* table */
    font-size:11pt;
    color:#313B65;
    margin:0;
    padding:2px 3px 3px 3px;
    border-collapse:collapse;
    border-style:none;
    border-width:1px;
    border-color:#d7d1d1;
    text-decoration:none;
}
th.articleTable0 { /* th */
    background-color:#d7d1d1;
    border:1px solid white;
    vertical-align:top;
    padding:3px 5px 5px 1px;
    cursor:default;
    text-decoration:none;
}
td.articleTable0 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#d7d1d1;
    padding:5px 3px 5px 3px;
    cursor:default;
    text-decoration:none;
}

table.listtypeCondensed0 { /* table */
    font-size:9px;
    font-weight:normal;
    color:#595959;
    margin:0;
    padding:2px 3px 3px 3px;
    border-collapse:collapse;
    border-style:none;
    border-width:1px;
    border-color:#ECE6E6;
    text-decoration:none;
}
tr.listtypeCondensed0 { /* tr */
}
td.listtypeCondensed0 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    padding:0 3px 1px 3px;
    font-size:8pt;
    text-decoration:none;
    white-space:nowrap;
}


/*table.bluetopTable td > a {*/
/*font-size:13px;*/
/*}*/
.reducedLineHeight {
    line-height:1.3em !important;
}
.increasedLineHeight {
    line-height:19pt;
}
td.listtypeN0 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    padding:0 3px 1px 3px;
    cursor:pointer;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:8pt;
    text-decoration:none;
    white-space:nowrap;
}
/***************************/
.calendar {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    color:#636363;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#c9c9c9;
    text-decoration:none;
    vertical-align:top;
}
tr.calendar {
    vertical-align:top;
}
.calendar > td > span {
    font-size:8pt;
}
.calendarSize1 {
    font-size:11pt;
    margin:0;
    padding:1px 3px 1px 1px;
    text-align:left;
    white-space:normal !important;
    height:60px;
    width:35px;
    min-width:35px;
}
table.calendarSize0 {
    width:calc(100% - 2px);
}
th.calendarSize0  {
    font-size:8pt;
    line-height:17px!important;
}
td.calendarSize0  {
    font-size:8pt;
    text-align:right;
    padding-right:3px;
    height:19px;
}
/*tr.calendarSize1 {*/
/*    height:59px;*/
/*}*/
/* DJB */
@media screen and (max-width:767px) {
    #calendarRight {
        display: none;
        width: 0;
    }
    /*td.calendarSize1 {*/
    /*    height:59px;*/
    /*}*/
    /*td.calendarSize0 {*/
    /*    height:20px;*/
    /*    color:red!important;*/
    /*}*/
}
@media screen and (max-width:500px) {
    #calendarRight {
        display: none;
        width: 0;
    }
    td.calendarSize1 {
        height:30px;
    }
    /*td.calendarSize0 {*/
    /*    height:20px;*/
    /*    color:red!important;*/
    /*}*/
}
/*td.calendarSize2 {*/
/*    height:15px;*/
/*}*/
th.calendar {
    font-size:11pt;
}
/*th.calendarSize1 {*/
/*    width:20%;*/
/*    min-width:25px;*/
/*}*/
/*th.calendarSize2 {*/
/*    width:7%;*/
/*}*/
td.calendar {
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#c9c9c9;
    cursor:pointer;
    text-align:right;
}
.calendarBH {
    white-space:nowrap;
    border:none;
    padding:0;
    margin:0;
    font-size:8pt;
    vertical-align:top;
    height:auto;
}
td.calendarBH {
    border:none;
}
.calendarBHpopup {
    border:solid 1pt black;
    text-align:left;
    padding:10px;
    margin-left:30px;
    background-color:#F4F5A9;
    -webkit-box-shadow:-7px 9px 25px -3px rgba(0,0,0,0.9);
    -moz-box-shadow:-7px 9px 25px -3px rgba(0,0,0,0.9);
    box-shadow:-7px 9px 25px -3px rgba(0,0,0,0.9);
    max-width:400px !important;
    height:auto;
    min-height:auto;
    width:auto;
    min-width:auto;
}
/***************************/
table.listtypeCondensed { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:9pt;
    color:#636363;
    margin:0;
    padding:1px;
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#c9c9c9;
    text-decoration:none;
    cursor:pointer;
}
tr.listtypeCondensed {
}
th.listtypeCondensed { /* th */
    background:url(https://qsafe.quorrasoft.com/images/blueFaded.jpg) top left repeat-x;
    vertical-align:top;
    border-style:solid;
    border-width:1px;
    border-color:#5C8CCB;
    padding:1px;
    white-space:nowrap;
    cursor:default;
}
td.listtypeCondensed {
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#c9c9c9;
}


table.news0 { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:#3b3939;
    border:none;
    padding:0;
    margin:0;
    line-height:1.5;
}
.news tr {
    vertical-align: top;
}
td.news { /* td */
    color:#3b3939;
    border:none;
    padding:0 0 10px 0;
    margin:0;
}

.newsheadline { /* p */
    color:#008EA8;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    border:none;
    padding:0 0 3px 0;
    margin:0;
    font-weight:normal;
    line-height:1.2em;
}
.bluelink {
    color:#385d80;
}
a.listtype2 { /* a */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    color:#3b3939;
    text-decoration:none;
    font-size:10pt;
    font-weight:normal;
}
a:hover.listtype2 { /* a */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#3b3939;
    text-decoration:none;
}
table.clear0 { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    font-weight:normal;
    color:#313B65;
    border:none;
    padding:0;
    margin:0;
}
tr.clear0 { /* tr */
    background-color:#efefef;
}
th.clear0 { /* th */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#313B65;
    border:none;
    padding:0;
    margin:0;
}
td.clear0 { /* td */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#313B65;
    border:none;
    padding:0;
    margin:0;
}
.dottedrow {
    border-bottom:2px dotted #C0C0C0;
    xpadding:2px 20px 4px 0
}
.fullwidth2 {
    width:100% !important;
    min-width:100% !important;
}
.width75 {
    width:75%!important;
}
.home2 {
    width:100%;
}
tr.home2 {
    vertical-align:top;
}
th.home2 {
    background-color:#f7f7f7;
    color:#313b65;
    font-size:10pt;
    text-align:left;
}
td.home2 {
    margin:0;
    padding-bottom:6px;
    text-align:left;
    line-height:1.2em;
}
td.home2a {
    width:10px;
}
td.home2b {
    width:99%;
}
th.centeralign {
    text-align:center;
}
.clear20 { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    font-weight:normal;
    color:#313B65;
    border:none;
    padding:0;
    margin:0;
    width:100%;
}
tr.clear20 { /* tr */
    color:#313B65;
}
th.clear20 { /* th */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#313B65;
    background-color:#efefef;
    border:none;
    padding:0;
    margin:0;
}
td.clear20 { /* td */
    color:#313B65;
    border:none;
    padding:0;
    margin:0;
}
.clear {
    width:100%;
}
.clear:active {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
}
.clear:hover {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
}
.clear:link {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
}


.moveRight {
    left:100% !important;
    margin-left:-50px !important;
    width:5px !important;
    height:5px !important;
    max-height:5px !important;
    min-height:5px !important;
    overflow:hidden !important;
    font-size:1pt !important;
    color:white !important;
    border-radius:50px;
}
.moveBottomRight {
    top:100% !important;
    margin-top:-50px !important;
}
.invisible {
    visibility:hidden;
}
/*@keyframes floatawayAnimationUp {*/
/*    0% {*/
/*        top:0;*/
/*        opacity:0;*/
/*        visibility:visible;*/
/*    }*/
/*    7% {*/
/*        top:10px;*/
/*        opacity:1;*/
/*    }*/
/*    80% {*/
/*        top:10px;*/
/*        opacity:1;*/
/*    }*/
/*    95% {*/
/*        top:0;*/
/*        opacity:0;*/
/*    }*/
/*    100% {*/
/*        top:-1000px;*/
/*        opacity:0;*/
/*        display:none;*/
/*    }*/
/*}*/
.successmsgs0 { /* div */
    display:block;
    width:90% !important;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:black;
    font-weight:bold;
    padding:5pt;
    background-color:#EFFDE5;
    min-height:60px;
}

.errormsgs0 { /* div */
    position:fixed;
    top:50px;
    left:50px;
    z-index:999999;
    opacity:0.99;
    display:block;
    width:90% !important;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:black;
    font-weight:bold;
    padding:5pt;
    background-color:#FFA3A3;
    xmargin:20px 50px 50px 50px;
}
.scrollToTopFixed {
    position:fixed !important;
    top:0;
    left:0;
    xcolor:#9d9fa1;
    opacity:1;
    z-index:9999;
    width:100%;
    background-color:#F5F5F5 !important;
    -webkit-transition:all 0 ease-in-out;
    -moz-transition:all 0 ease-in-out;
    -o-transition:all 0 ease-in-out;
    transition:all 0 ease-in-out;
}
.scrollToTopScrolling {
    position:static !important;
}
.scrollToTopPlaceholder {
    position:absolute;
    display:block;
    width:0;
    height:0;
    padding:0;
    margin:0;
}
.fixToTop {
    position:fixed;
    top:0;
    left:0;
    xcolor:#9d9fa1;
    opacity:1;
    z-index:9999;
    background-color:#F5F5F5 !important;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    width:100% !important;
}
.fixedPosition {
    position:fixed;
    right:100px;
    z-index:9999;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.scrollLockToBottom {
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
// use this as alternative to stickyBottom
}
.stickyTop2 {
    position:-webkit-sticky;
    position:sticky;
    top:10px;
}
.stickyBottom {/* only works on Chrome and Safari and Edge16 (not IE)*/
    position:fixed;
    position:-webkit-sticky;
    position:sticky;
    bottom:0; /* required as well. */
}
.scrolling2 {
    position:absolute;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.fadedTop {
    box-shadow:-5px -30px 30px rgba(255,255,255,0.95);
}
.fadein {
    opacity:1;
    -webkit-transition:opacity 0.5s ease-in-out;
    -moz-transition:opacity 0.5s ease-in-out;
    -o-transition:opacity 0.5s ease-in-out;
    transition:opacity 0.5s ease-in-out;
    max-width:none;
    max-height:none;
}
.fadeout {
    /*-webkit-transition:fadeawayDisplay 0.5s ease-in-out;*/
    /*-moz-transition:fadeawayDisplay 0.5s ease-in-out;*/
    /*-o-transition:fadeawayDisplay 0.5s ease-in-out;*/
    /*transition:fadeawayDisplay 0.5s ease-in-out;*/
    opacity:0.1;
    position:fixed;
    height:0;
    max-width:0.5px !important;
    max-height:0.5px !important;
    overflow:hidden;
    top:0;
    transition:all 0.5s ease-in-out;
}
.articleoptions {
    margin-top:0;
    right:6px;
    background-color:white;
    padding-top:0;
    padding-bottom:0;
    padding-left:6px;
}
p.homegrey2 { /* p */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:11pt;
    font-weight:normal;
    color: #beb6c1;
    padding:1pt 0 1pt 0;
    margin:0 0 0 0;
}
div.tight { /* div */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:#313B65;
    padding:0 0 2pt 0;
    margin:0 0 2pt 0;
}


.Xhourglass3 {
    cursor:wait;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    /*text-align: center;*/
    /*width:100%;*/
    /*height: 100%;*/
    /*-webkit-transform:translateY(50%);*/
    /*-ms-transform:translateY(50%);*/
    /*transform:translateY(50%);*/
}
.centerDiv {
    position:fixed;
    top:10%;
    left:10%;
    width:80vw;
    height:auto;
    cursor:pointer;
}
.centerDivTab {
    background-color:white;
    padding:10px !important;
    border:none;
}
.centerDivImg {
    border:none;
    width:100%;
}


.popuptransbox {
    background:#FFFFFF;
    margin:2px auto;
    xwidth:264px;
    xheight:132px;
    z-index:1;
    display:block;
    cursor:default;
    filter:progid:DXImageTransform:Microsoft.Glow(color=yellow,strength=5);
}


.collapsePanelIcon {
    background-image:url(https://qsafe.quorrasoft.com/images/up-arrow.gif);
    background-repeat:no-repeat;
    position:absolute;
    right:10px;
}

table.popup {
    border-collapse:collapse;
    font-size:10pt;
}
.popup tr { /* tr */
    vertical-align:top;
}
.popup th {
    text-align:left;
    padding:5px 20px 5px 5px;
    background-color:inherit;
    font-size:10pt;
}
.popup td { /* td */
    padding:5px 20px 5px 5px;
    vertical-align:top;
    border:solid 1pt #cdcdcd;
    font-size:10pt;
}
table.crm { /* table */
    width:100%;
    border-collapse:collapse;
    font-size:10pt;
}
tr.crm { /* tr */
    vertical-align:top;
}
th.crm { /* th */
    background-color:#cdcdcd;
    text-align:left;
    color:white;
    border:solid 1pt white;
    padding:5px;
    vertical-align:top;
    font-size:10pt;
}
.crm {
    font-size:10pt;
}
td.crm { /* td */
    padding:5px 15px 5px 15px;
    vertical-align:top;
    border:solid 1pt #cdcdcd;
    font-size:10pt;
}
div.code {
    border:1px solid #ddd;
    font-size:12pt ;
    background-color:#E8E9F0;
}
table.code { /* table */
    border:1px solid #ddd;
    border-spacing:0;
    border-top:0;
    empty-cells:show;
    font-size:12pt ;
    line-height:110%;
    padding:0;
    margin:0;
    width:100%;
}

th.code { /* th */
    background:#eed;
    color:#886;
    font-weight:normal;
    padding:0 .5em;
    text-align:right;
    border-right:1px solid #d7d7d7;
    border-top:1px solid #998;
    font-size:adminFontSizeMinus1;
    width:35px;
}

td.code { /* td */
    background:#fff;
    font:normal 11px monospace;
    overflow:auto;
    padding:1px 2px;
}


.box20middle { /* table */
    width:100%;
    MARGIN:0;
    padding:0 10px 3px 10px;
    font-size:95%;
}
.box20middle2 { /* table */
    width:100%;
    MARGIN:0;
    padding:0 10px 3px 10px;
    font-size:95%;
}
hr.graydot { /* hr */
    height:1px;
    border:2px dotted #C0C0C0;
    margin:2px 0 2px 0;
    padding:0;
}
table.calendarsub {
    width:100%;
    border:none!important;
}
td.calendarsub { /* td */
    font-size:13pt;
    horiz-align:right;
    padding:4px!important;
    line-height:13pt;
    font-size:95%;
}
table.calendarsub { /* table */
    xmargin:2px;
    padding:0;
    border:#b4b4b4 1px solid;
    color:#777777;
    text-decoration:none;
    white-space:normal;
    cursor:default;
    font-size:0.85em;
    xmin-width:100px;
    margin-bottom:4px;
}

.dragclass {
    position:relative;
    cursor:move;
    background-color:#bccbdf;
    width:100%;
}
.draggable {
}
.dragging {
    transition:auto !important;
    -webkit-transition:auto !important;
    -moz-transition:auto !important;
    -o-transition:auto !important;
}

/*********************** resizeableGrid ************************/

div#header-container, div#footer-container {
    overflow:hidden;
}

div#scroll {
    width:500px;
    overflow:hidden;
    max-height:150px;
    padding-left:1px;
}

div#fake-scroll-container {
    width:500px;
    overflow:hidden;
    position:relative;
}

div#y-fake-scroll {
    overflow-y:scroll;
    overflow-x:hidden;
    background:transparent;
    position:absolute;
    right:0;
    max-height:149px;
    top:31px;
}

div#x-fake-scroll {
    height:40px;
    margin-top:-23px;
    overflow-x:auto;
    overflow-y:hidden;
    margin-top:expression('0');/* IE 7 fix*/
    height:expression('17px'); /* IE 7 fix*/
}

div#y-scroll {
    max-height:150px;
    overflow:scroll;
    width:1010px;
    padding:0 1px 1px 1px;
}

div#header-container {
    padding:1px 1px 0 1px;
}



.contenteditor {
    height:100%;
    padding:10px;
    width:100%;
    overflow:auto;
    position:relative;
    color:black;
    line-height:1.3em;
    font-size:13pt ! important;
    -moz-text-shadow:1px 1px 0 white;
    text-shadow:1px 1px 0 white;
    cursor:text;
    border:solid 1pt black;
    word-wrap:normal;
}

code.contenteditor {
    MARGIN:0;
    padding:5px;
    font-size:13pt ! important;
    LINE-HEIGHT:1em;
    text-align:center;
    color:#006666;
    horiz-align:left;
}

.box-shadow {
    z-index:9999;
}
body:last-child .box-shadow {
    /* Remove filter from IE9 */
    filter:none;
}
/*.popupHover {  ... removed to ProjectIssuesForm */
/*    z-index:10000;*/
/*    position:absolute;*/
/*    height:0;*/
/*}*/
hr {
    /*height:4px;*/
    /*border:0;*/
    /*box-shadow:inset 0 4px 4px -4px rgba(0, 0, 0, 0.5);*/
}
.calicon {
    background:url('https://qsafe.quorrasoft.com/images/calendericon.png') no-repeat 0 0;
    width:60px;
    height:40px;
    display:block;
    float:left;
    text-align:center;
    margin-right:5px;
    line-height:95%;
    font-size:90%;
    padding:25px 0 10px 0;
    -webkit-transition:width 1s ease-in-out;
    -moz-transition:width 1s ease-in-out;
    -o-transition:width 1s ease-in-out;
    transition:width 1s ease-in-out;
}
table.smallCalendar { /* table */
    background-color:white;
    width:20px;
    padding:5px;
    border:solid 1.5pt white;
}
th.smallCalendar { /* th */
    width:20px;
    padding:5px;
    text-align:center;
    color:white;
    border:solid 1.5pt white;
    background-color:#78a1ff;
}
td.smallCalendar { /* td */
    width:20px;
    padding:5px;
    text-align:center;
    color:white;
    border:solid 1.5pt white;
    background-color:#95b1ff;
}
td.smallCalendarWE { /* td */
    width:20px;
    padding:5px;
    text-align:center;
    color:white;
    border:solid 1.5pt white;
    background-color:#afbdd1;
}
td.smallCalendarHighlight { /* td */
    width:20px;
    padding:5px;
    text-align:center;
    color:white;
    border:solid 1.5pt white;
    background-color:#586ea5;
}

.circledTx { /* span */
    border-radius:50%;
    width:29px;
    height:19px;
    padding:0 5px 2px 5px;
    background:#c4040c;
    border:1px solid #c4040c;
    color:white;
    text-align:center;
    font-size:60%;
    cursor:pointer;
    margin:0;
}
.circledTx2 { /* span */
    position:relative;
    top:-12px;
    right:-6px;
    border-radius:50%;
    width:29px;
    height:19px;
    padding:0 5px 2px 5px;
    background:#c4040c;
    border:1px solid #c4040c;
    color:white;
    text-align:center;
    font-size:75%;
    cursor:pointer;
}
/*.spacer2 {
    font-size:1pt;
}*/
/*.spacer3 {
    font-size:1pt;
}*/
/*.daysTotal {
    text-align:right;
}*/
.b-lazy {
    -webkit-transition:opacity 500ms ease-in-out;
    -moz-transition:opacity 500ms ease-in-out;
    -o-transition:opacity 500ms ease-in-out;
    transition:opacity 500ms ease-in-out;
    max-width:100%;
    opacity:0;
}
.b-lazy.b-loaded {
    opacity:1;
}

/*.slideHeader { !* p *!*/
/*    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;*/
/*    font-weight:100;*/
/*    font-size:400%;*/
/*    line-height:110%;*/
/*    padding:0 20px 0 20px;*/
/*    margin:0;*/
/*}*/
/*.slideText { !* p *!
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-weight:200;
    font-size:200%;
    line-height:110%;
    padding:0 20px 0 20px;
    margin:0;
}*/
/*.forminputfield2 {
    width:150px;
}*/
/*.tablewrapper {
    display:table;
}*/
/*.forminputlabelLeft {
    display:table-cell;
    font-size:12pt ;
    text-align:left;
    padding-right:10px !important;
    float:left;
}*/
/*.forminputlabelLeft2 {
    display:table-cell;
    font-size:12pt ;
    text-align:left;
    !*padding-right:10px !important;*!
    !*float:left;*!
}*/
/*.adminBxNoMinHeight {
    xwidth:93.5% !important;
    min-height:24px !important;
    white-space:normal !important;
    overflow:auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;

}*/
/*.adminBxReadonly {
    background-color:#eeeeee !important;
    color:#808080 !important;
    cursor:default;
}*/
/*.nominwidth2 {
    min-width: auto !important;
}*/
.minwidthX {
    xmin-width:100px !important;
}
/*.minwidth110X {
    min-width:110px !important;
}*/
/*.nowidth {
    width:auto !important;
}*/

table.formtabstyle { /* table */
    max-width:300px;
}
th.formtabstyle { /* table,th */
    xpadding-right:20px;
    padding-left:5px;
    margin:10px;
    xborder-right:solid 2px white;
    background-color:#37373D;
    color:white;
}
th.formtabstyle:last-child {
    xxborder:none;
}
.tabOff {
    background-color:#c8c8c8!important;
}
.tabOn {
    background-color:black!important;
}
.tabs > .tab {
    font-size:12pt!important;
}
.tab {
    display:inline-block;
    margin-left:10px;
    margin-top:3px;
    padding:10px;
    xborder-bottom:solid 2px black;
    cursor:pointer;
    min-width:100px;
    max-width:150px;
    color:black;
    background-color:white;
    xborder:solid 5px white;
    padding:5px;
    cursor:pointer;
}
.tab.selected {
    background-color:black;
    color:white;
}

/* -----------------------------------------------------*/
@media screen and (max-width:768px) {
    /* small screen */
    th.formtabstyle {
        padding-right:10px;
        padding-left:5px;
        padding-top:10px;
        margin:10px;
        border-right:solid 2px white;
        background-color:#37373D;
        color:white;
    }
    /*.slideHeader {
        font-size:200%;
        font-weight:400;
    }*/
    /*.slideText {
        font-size:125%;
        font-weight:400;
    }*/
    /*.issuebuttons {
        text-align:center;
    }*/
    /*.admin {
        xborder:none;
    }*/

    /*.formPaneOuterRight {
        padding-left:5px;
    }*/
    input[type='text'],[type='number'],[type='search'],textarea,input[type='tel'],input[type='email'],input[type='date'],input[type='month'],
    input[type='time'],input[type='password'],input[type='checkbox'],select,button.admin, submit.admin {
        /*color:red!important;*/
        /*border:solid 1pt rgba(25, 92, 133, 0.44) !important;*/
        min-height:20px;
    }
    div.admin {
        /*background-color:rgba(230, 237, 242, 0.1);*/
        /*border:solid 1pt rgba(25, 92, 133, 0.44) !important;*/
        min-height:140px;
        /*margin:0;*/
    }


    /*input[type="time"] {
        xborder:none;
    }*/

    /*.tcal {
        xborder:none;
    }*/
    /*.formpanel {
        margin-left:0px;
        margin-bottom:10px;
        width:95%;
        overflow:hidden;
        padding:5px;
    }*/

    /*.formpanelright {
        margin:5px;
        overflow:hidden;
        width:97.5%;
    }*/

    /*.formpanelrightright {
        width:95%;
    }*/
    .forminput {
        position:relative;
    }

    /*.forminput2 {
        display:table;
        position:relative;
        width:100%;
    }*/

    /*.forminput3 {
        display:table;
        position:relative;
        padding-right:10px;
    }*/

    /*.forminputlabel {
        clear:both;
        xwidth:1px;
        min-width:180px; !* 180 *!
        padding-left:0; !* 7px done to match select indents *!
        padding-right:10px;
        vertical-align:top;
        white-space:nowrap;
        text-align:left;
    }*/

    .forminputfield {
        xdisplay:table-cell;
        width:100%;
        min-width:125px;
    }

    /*.forminputfield2 {
        display:table-cell;
        width:100%;
        min-width:100px;
    }*/

    /*.forminputfield3 {
        display:table-cell;
        min-width:75px;
    }*/

    /*.forminputfield_ccyCd {
        width:75px;
        max-width:100px;
        float:left;
        padding-right:5px;
        margin:5px 5px 5px 0;
    }*/

    /*.forminputfield_ccyAmt {
        display:table-cell;
        margin:5px 5px 5px 0;
        xpadding-top:5px;
        max-width:100px;
    }*/

    /*.forminputfield_LccyAmt
    , .forminputfield_L2ccyAmt
    , .forminputfield_BccyAmt
    , .forminputfield_CapLccyAmt
    , .forminputfield_CapBccyAmt {
        width:120px;
        padding-right:6px;
    }*/


    /*.forminputfield_dt { !* see tcal *!
        display:table-cell;
    }*/

    /*.forminputfield_tm {
        xdisplay:table-cell;
        width:75px !important;
        padding-right:10px;
    }*/

    /*.forminputfield_zonecd {
        width:50px;
    }*/

    /*.notfirstfield {
        text-align:right;
        min-width:10px;
    }*/

    .formfieldrow {
        clear:both;
        border-top:solid 1pt #c8c8c8;
        margin:5px 0 1px 4px;
        width:100%;
        min-height:30px;
    }
}

.noborder {
    border:none !important;
}
/*!* Slider -----------------------------------*!
@media screen and (max-width:767px) {
    #slides_container {
        display:none;
    }
}*/

/*#slides {
    display:none;
    width:auto;

    min-width:400px;
    max-height:200px;
    min-height:200px;
    overflow:hidden;
}

#slides .slidesjs-navigation {
    margin-top:3px;
}

#slides .slidesjs-previous {
    position:absolute;
    top:25%;
    left:10%;
    z-index:999;
}
#slides .slidesjs-next{
    position:absolute;
    top:25%;
    right:10%;
    z-index:999;
}*/
/*.slidesjs-pagination {
    margin:-60px 0 0;
    z-index:99999;
    float:right;
    list-style:none;
}

.slidesjs-pagination li {
    float:left;
    margin:0 1px;
    list-style-type:none;
}

.slidesjs-pagination li a {
    display:block;
    width:13px;
    height:0;
    padding-top:13px;
    background-image:url(https://qsafe.quorrasoft.com/images/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position:0 -13px
}

.slidesjs-pagination li a:hover {
    background-position:0 -26px;
}

#slides a:link,
#slides a:visited {
    color:#333
}

#slides a:hover,
#slides a:active {
    color:#9e2020
}*/

/*.navbar {
    overflow:hidden
}*/

/*.slides {
    position:relative;
} !* so the buttons are placed absolutety within this div *!
.slides-button {
    position:absolute;
    top:120px; !* the exact position over the slides, from slide's (0,0) *!
}*/

/*.paleorangewarningbackground {*/
/*    background-color:#FFF0D1 !important;*/
/*}*/
/*.bookmarks {
    background-color:#ece6e6;
    white-space:nowrap;
    padding:3px 10px 10px 10px;
    border-radius:10px;
    height:auto;

    box-shadow:0px 8px 23px -9px #242424;
    -webkit-box-shadow:0px 8px 23px -9px #242424;
    -moz-box-shadow:0px 8px 23px -9px #242424;
    -o-box-shadow:0px 8px 23px -9px #242424;
    background-color:#f4f4f4;
    border:none;
}*/
/*.fieldlabeltable {
    margin:0;
    padding:0;
}*/
/*.bigcircle {
    display:inline-block;
    border:1px;
    border-style:solid;
    border-color:green;
    border-radius:50%;
    font-size:20pt;
    color:green;
    padding:3px;
    margin-bottom:5px;
    line-height:12px;
    height:20px;
    width:20px;
    text-align:center;
    vertical-align:middle;
}*/

#dragEditPanel { /* TODO: Check if this is really needed/used */
    float:left;
    left:-8;
    top:0;
    padding:0;
    margin:0 2px 0 0;
    bottom:0;
    width:5px;
    cursor:w-resize;
    z-index:999;
    height:100vh;
    background-color:#bebebe;
    visibility:hidden;
}
/*.resizerHandle {
    width:10px;
    height:10px;
    right:0;
    bottom:0;
    position:absolute;
}*/
/*.buttonSmall {
    min-width:40px!important;
    max-width:40px!important;
    cursor:pointer;
}*/
/*.buttonMedium {
    min-width:100px!important;
    cursor:pointer;
}*/
/*.invoiceLetter {
    font-size:10pt;
    line-height:15pt;
}
.invoiceLetterTable {
    border-collapse:collapse;
    border:none;
    font-size:10pt;
    line-height:15pt;
    xborder:solid 1pt #c9c9c9;
    padding:3px 10px 3px 0px;
}*/
.topBorder {
    border-top:solid 1pt black !important;
}
.invoiceLetterDetail {
    font-size:10pt;
}
.smallCircle {
    position:relative;
    top:-16px;
    background-color:#cb0017;
    color:white;
    border-radius:60%;
    font-size:9pt;
    min-width:20px !important;
    height:20px;
    padding:4px 8px 6px 8px;
    text-align:center;
    vertical-align:top;
    margin:0;
    line-height:1.2em;
    display:inline-block;
}/*
.whiteback {
    background-color:white !important;
}
.whitefont {
    color:white !important;
}*/
/*.issueCritical {
    background-color:#cb0017 !important;
}
.issueUrgent {
    background-color:#E32B2B !important;
}
.issueHigh {
    background-color:#FF5149 !important;
}
.issueMedium {
    background-color:#FBAD49 !important;
}
.issueLow {
    background-color:#F3F5F7 !important;
}*/
.inputfile {
    width:0.1px;
    height:0.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1;
}
.inputfile + label {
    display:inline-block;
}
.inputfile:focus + label,
.inputfile + label:hover {
}
.issuebutton {
    width:145px !important;
    margin:1px;
}


.right {
    text-align:right;
    align:right;
}
.relative {
    position:relative;
}
.floatnone {
    float:none!important;
    display:block;
}
.floatleft2a {
    float:left;
    max-width:90%
}
.floatleft3 {
    position:relative;
    float:left
}
.floatright2 {
    float:right;
}
.left {
    text-align:left;
}
.right {
    text-align:right !important;
    align:right !important;
}
.center {
    text-align:center;
    align:center;
}
.italic {
    font-style:italic;
}
.bordertrace {
    border:solid 1pt #cb0017;
}
/*.cursor_hand - see handcursor*/

.toolbarLineBelow {
    border-bottom:solid 1pt #8f8586;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    width:100%
}
.toolbarToolPadding {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    width:100%
}
.loginNmLookupTable2 td {
    width:95%;
    background-color:white;
    cursor:pointer;
}
.loginNmLookupTable2 td:hover {
    background-color:#cfcfcf;
}

/*.toolbarframe {
    display:flex;
    flex-wrap:wrap;
    z-index:10;
    padding:0;
    margin:0;
    width:100%;
    background-color:white;
}*/
/*.toolbarbuttons {
    xflex:1%;
    order:1;
    vertical-align:top;
}*/
/*.fmlink {
    padding-top:0;
    padding-left:2px;
}*/
.tabscrollbar {
    width:100%;
    border-bottom:solid 2pt #37373D;
    padding:0;
    overflow-x:auto;
}

.wide20 {
    width:20% !important;
}
.hideOnStart {
    display:none;
}


/* Possible move to ProjectForm */
table.ratetable {
    width:100%;
    min-width:inherit;
    max-width:inherit;
    padding-top:0;
}
.ratetable {
    xwidth:25%;
    xmin-width:25%;
    xmax-width:25%
}
.ratetabletype {
    width:98% !important;
    min-width:98% !important;
    max-width:98% !important;
    margin-right:10px !important;
}
.ratetableterm {
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
}
.ratetableccy {
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
}
.ratetableamt {
    width:95px !important;
    min-width:95px !important;
    max-width:95px !important;
    text-align:right;
}
.smallpaddingLR {
    padding-left:6px !important;
    padding-right:6px !important;
}
/* Possible move to ProjectForm */




.mytask {
    cursor:pointer;
    border-bottom:2px dotted #C0C0C0;
    padding:2px 20px 5px 0;
    padding-left:10px;
    text-align:left;
}
.mytask2 {
    cursor:pointer;
    border-bottom:2px dotted #C0C0C0;
    padding:2px 0 10px 0;
    padding-left:10px;
    text-align:left;
}
.mytaskHeader2 {
    background-color:#EFEFEF;
    text-align:left !important;
    align:left !important;
}
.nopaddingLR {
    padding-left:0 !important;
    padding-right:0 !important;
}
.minheight {
    margin:0;
    padding:0;
    line-height:1pt;
    height:1px;
    max-height:1px;
}
.mceContentBody {
    padding-left:6px;
    padding-right:6px;
    overflow-x:hidden;
}
.paddedLeftSmall {
    padding-left:4px !important;
}
.paddedTop {
    padding-top:6px !important;
}
.paddedLarge {
    padding:12px !important;
}
.paddedLargeHorizontal {
    padding-left:12px !important;
    padding-right:12px !important;
}
button.paddedLargeHorizontal, a.paddedLargeHorizontal {
    height:37px!important;
}
.paddedSmall {
    padding:2px !important;
}
.paddedBottom {
    padding-bottom:6px !important;
}
.paddedBottomLarge {
    padding-bottom:12px !important;
}
.siteid {
    background-color:rgba(235, 255, 115, 0.41)
}
.showhide {
    padding:6px;
}
.collapsed {
    display:none;
}
.plusminusbut {
    width:30px !important;
    max-width:30px !important;
    min-width:30px !important;
    cursor:pointer;
    line-height:12pt !important;
    height:30px !important;
    max-height:30px !important;
    min-height:30px !important;
    padding:2px 0 0 0!important; /* Added back to fix the add button on the Address tab on http://centosdev.quorrasoft.com/company/edit.php?e=FjMiUywcP&tab=Notes&lastTab=Address&tab1=Address */
}
.plusminusbut2 {
    cursor:pointer;
    line-height:normal !important;
    margin:10px;
    width:auto;
    height:auto;
    padding:0;
}

/* #i is the container for the Contact Us panel */
#i > table tr td:last-child {
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
tr.calendarRow {
    cursor:pointer;
    vertical-align:top;
    border-width:1pt;
}
tr.calendarRow:hover {
    border:solid 1pt black;
    background-color:#EFEFEF;
}
td.calendarCell {
    height:75px;
    padding:0 6px 0 6px !important;
}
td.calendarCell:hover {
    background-color:#EFEFEF !important;
    border:solid 1pt black;
}
.indented {
    margin-left:10px;
    margin-right:20px;
}
.indented2 {
    margin-left:20px;
    margin-right:20px;
}
table.normal {
    width:100%;
    font-size:13pt;
    border-collapse:collapse;
}
table.normal tr {
    vertical-align:top;
}
table.normal td {
    border:solid 0.5pt #b3b3b3;
}
.box {
    border:solid 1pt black;
}

.popupMsg {
    position:fixed;
    top:10vh;
    left:5vw;
    width:80vw;
    height:80vh;
    overflow-y:auto;
    background-color:#e2e2e2;
    padding:10px;
    border:solid 1pt black;
    box-shadow:0px 0px 12px #B2B2B2;
}
.popupMsgHead {
    width:100%;
    font-size:14pt;
    border-bottom:solid 1pt black;
}
.marginleft {
    margin-left:10px;
}
.marginright {
    margin-right:10px;
}
.marginbottom {
    margin-bottom:10px;
}
.margintop {
    margin-top:6px!important;
}
.margintopLarge {
    margin-top:26px !important;
}
.marginTB {
    margin-top:5px;
    margin-bottom:8px;
}
/*.marginBottom {*/
/*    margin-bottom:13px !important;*/
/*}*/
/*.Xmodalpopup {
    position:fixed;
    padding:20px;
    !*margin-right:50px;*!
    top:5vh;
    !*left:5vw;*!
    !*width:calc(100% - 100px);*!
    width:400px;

    left:50%;
    transform:translateX(-50%);

    min-width:50vw;
    !*max-width:900px;*!
    opacity:1;
    background-color:white;
    xz-index:9999;
    box-shadow:0px 0px 20px #353535;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    text-align:center;
    vertical-align:middle;
    border:solid 1px black;
}
.modalpopupTMP {
    position: fixed;
    transform: translate(0,0);
    width: auto; left: 0; right: 0;
    height: auto; top: 0; bottom: 0;
    z-index: 990; !* display above everything else *!
    padding: 20px; !* create padding for inner window - page under modal window will be still visible *!
}
.modalpopupNOSCROLL {
    height: auto; top: 0; bottom: 0; !* make modal scrollable *!
    position:fixed;
    padding:20px;
    !*margin-right:50px;*!
    top:5vh;
    !*left:5vw;*!
    !*width:calc(100% - 100px);*!
    width:350px;

    !*DBFlag center the modal - method 1*!
    left:50%;
    transform: translateX(-50%);
    !*DBFlag method2 *!
    !*left:0;*!
    !*right:0;*!
    !*margin:auto;*!

    min-width:50vw;
    !*max-width:900px;*!
    opacity:1;
    background-color:white;
    xz-index:999;
    box-shadow:0px 0px 20px #353535;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    text-align:center;
    vertical-align:middle;
    border:solid 1px black !important;
}*/
/*.litegreyforeground {
    color:#bbbbbb;
}
.darkgreyforeground {
    color:#575757;
}*/
.w20 {
    max-width:20% !important;
}
.w30 {
    max-width:30% !important;
}
.w50 {
    max-width:50% !important;
}
.w60 {
    max-width:60% !important;
}
.w90 {
    max-width:90% !important;
}
/*.xxtablecell:last-child > div > div {
    border-right:solid 0.5pt #B3B3B3;
}
.xxtablecell > div > div:last-child {
    border-bottom:solid 0.5pt #B3B3B3;
}*/

/*.ul_noindent { !* Was UL but this caused issues with normal UL usage *!
    padding-left:0.8em;
}*/

/*hr.gradient {
    border:0;
    height:1px;
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}*/
/* Global CSS, you probably don't need that */

/*.container {
    font-family:'Lato', sans-serif;
    width:1000px;
    margin:0 auto;
}*/


/*.nav {
    margin-top:40px;
}*/

/*.pull-right {
    float:right;
}*/


/*a:hover {*/
/*color:#999;*/
/*}*/

/* Breadcrumbs CSS */

/*
.current {
    padding-top:3px;
}
*/

/*.centerCheckbox {
    text-align:center;
    max-width:500px;
    margin-right:25%;
}*/
/*.centerCheckboxBR {
    margin:0;
}*/
@media screen and (max-width:500px) {
    /*    .centerCheckbox {
            text-align:center;
        }
        .centerCheckboxBR {
            margin:0 0 12px;
            text-align:center;
        }*/
    .saveButton {
        width:100%;
        padding:10px !important;
    }
}
/*.hoverpopup:after,*/
/*.hoverpopup:before {*/
/*    bottom:100%;*/
/*    border:solid transparent;*/
/*    content:" ";*/
/*    height:0;*/
/*    width:0;*/
/*    position:absolute;*/
/*    pointer-events:none;*/
/*}*/
/*.hoverpopup:after {*/
/*    border-color:rgba(255, 255, 255, 0);;*/
/*    border-bottom-color:#feffd3;*/
/*    border-width:15px;*/
/*    left:8%;*/
/*    margin-left:-15px;*/
/*}*/
/*.hoverpopup:before {*/
/*    border-color:rgba(113, 158, 206, 0);;*/
/*    border-bottom-color:black;*/
/*    border-width:15px;*/
/*    left:8%;*/
/*    margin-left:-15px;*/
/*}*/
/*.outlookDay {
    border-radius:50px;
    width:100%;
    padding:6px 12px 6px 10px;
    background-color:#f2f6f0;
    margin-top:16px;
}
.outlookBH {
    background-color:#f7f7f7;
    border-radius:20px;
    padding:6px 8px 6px 8px;
}
.outlookFinished {
    border-radius:30px;
    padding:10px;
    border:solid 1pt #c9c9c9;
    margin-left:30px;
    margin-right:30px;
}*/
.news {
    padding-bottom:12px;
}
.code {
    background-color: #f1f1f4!important;
    font-family:'Courier New';
}
mark.code {
    padding:2px 3px 2px 3px;
    border-radius:6px;
}
.tag {
    color:#3a6bd6;
    margin:10px 0 10px 20;
}
.codecomments {
    color:#b0b0b0;
    display:inline;
}
.codecomments2 {
    color:#959595;
    display:inline;
}
.stringliteral {
    color:#b0268b;
}
[contentEditable=true]:empty:not(:focus):before{
    content:attr(qplaceholder); /* e.g. <div contentEditable=true qplaceholder="Enter text here"></div> */
    color:#63beff;
    font-style:italic;
}

.fixedheader {
    position:absolute;
    left:0;
    right:0;
    top:-1000px;
    background-color:#e3edef;
    padding:0 5px 0 5px;
    height:auto;
    width:100%;
    xtransition:all 0.05s ease-in-out;
}
.fixedcontent {
    position:relative;
//max-height:calc(100% - 20px);
    width:calc(100vw - 20px);
    overflow-x:auto;
    overflow-y:scroll;
    padding:0px 5px; /* Center align Indent x% */
    margin-top:10px;
}
.fixedContainerLeft {
    position:relative;
    xwidth:100%;
}
.fixedContainerLeft_off {
    left:0 !important;
}


/* showPopup */
/* showPopup */
.scroll-bar-wrap {
    width:300px;
    position:relative;
    margin:5em auto;
}

.cover-bar {
    position:absolute;
    background:#fff;;
    height:100%;
    top:0;
    right:0;
    width:.4em;
    -webkit-transition:all .5s;
    opacity:1;
}
/* MAGIC HAPPENS HERE */
.scroll-bar-wrap:hover .cover-bar {
    opacity:0;
    -webkit-transition:all .5s;
}
.buttontable { /* showPopup */
    width:100%;
}
.scrolledLockTableHeaderToTop {
    xborder:solid 5pt red !important;
}
.header {
    padding:0;
}
.tracer {
    position:fixed;
    right:10px;
    bottom:10px;
    background-color:#f5ff97;
    padding:20px;
    min-width:350px;
    max-height:400px;
    overflow:auto;
    scroll-behavior:smooth;
}
.tracetm {
    color:#878787;
}

.dstatus {
    background-color:#F2F0F0 !important;
}
.dstatusPending {
    background-color:#F2F0F0 !important;
    color:white;
}
.dstatusSkipped {
    background-color:#F2F0F0 !important;
    color:#ababab !important;
}
.dstatusCancelled {
    background-color:#F2F0F0 !important;
    color:#ababab !important;
}
.dstatusRejected {
    background-color:#cb0017 !important;
    color:white !important;
}
.dstatusMe {
    border-left:solid 5px red !important;
}
.dstatusCompleted {
    background-color:#CAECCA !important;
}
.dstatusApproved {
    background-color:#CAECCA !important;
}

/*--------Toggle Switch---------------*/
.SliderSwitch {
    position:relative;
    display:inline-block;
    width:110px;
    height:24px;
}
input:checked + .slider:before {
    -webkit-transform:translateX(85px);
    -ms-transform:translateX(85px);
    transform:translateX(85px);
}
.SliderSwitch input {
    display:none;
}
.slider {
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#8e8e8e;
    -webkit-transition:.4s;
    transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    height:16px;
    width:16px;
    left:4px;
    bottom:4px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
}
input:checked + .slider {
    background-color:#2ab934;
}
input:focus + .slider {
    box-shadow:0 0 1px #2196F3;
}



/*------ ADDED CSS ---------*/
.sliderOn {
    display:none;
}
.sliderOn, .sliderOff {
    color:white;
    position:absolute;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
    font-size:12pt ;
    font-family:'Roboto', Verdana, sans-serif;
    white-space:nowrap;
}
input:checked+ .slider .sliderOn {
    display:block;
}
input:checked + .slider .sliderOff {
    display:none;
}
/*--------- END --------*/
/* Rounded sliders */
.slider.round {
    border-radius:24px;
}
.slider.round:before {
    border-radius:50%;
}





/*Framework */
.switch2edit, .switch2list {
    background-color:orange;
    color:white;
    font-size:9pt;
    border-radius:12px;
    padding:0 10px 0 10px;
}
.hidetoolbar {
    opacity:0;
    margin-left:-200vw;
    overflow:hidden;
}
table.blueTopTable td >table.blueTopTable td > .showtoolbar {
}
.toolbarset2 {
    -webkit-transition:all 0.25s ease-in-out 0s;
    -o-transition:all 0.25s ease-in-out 0s;
    transition:all 0.25s ease-in-out 0s;
}
.xtoolbar_back {
    color:#FF7F27;
}
.border_dotted {
    border:dotted 1px grey;
}
.lookupListPopup {
    position:absolute;
    border:solid 1px black;
    background:white;
    z-index:9999;
    min-width:300px;
    min-height:100px;
    padding-left:6px;
    max-height:300px;
    xoverflow-y: scroll;
}
.placeholder {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:400;
    color:#dfd9d9!important;
    border:none!important;
}
.bluebackground {
    background-color:#166bff;
    color:white;
}
.height2 {
    height:32px !important;
}
.width0 {
    width:0 !important;
}
.cdl {
    font-size:90%;
}

/* CalendarBar */
.apos {
    font-size:0.1px;
    line-height:0px;
    margin:0;
    padding:0;
}
/* CalendarBar */

.buttonbox {
    text-align:center;
    color:#696969 !important;
    background-color:#f0eaea !important;
    padding:10px !important;
}
.buttonbox:hover {
    color:#f0eaea !important;
    background-color:#696969 !important;
}

.modalProjectInvoice  h2 {
    color: unset;
    font-weight: normal;
}


@media screen and (min-width: 1600px) {
    .TS-hideOnWide {
        display: none !important;
    }
}
@media screen and (max-width: 1600px) {
    .TS-hideOnNarrow {
        display: none !important;
    }
}
.headerDiv {
    xmargin-left:10px;
    max-width:100%!important;
    width:100%!important;
    height:23px;
}

.headerDiv + div > .blueTopTable, .headerDiv + div + * > .blueTopTable {
    width:100%!important;
    margin:0!important;
}

@media screen and (max-width: 1400px) {
    .TS-hideOnNarrow {
        display: none !important;
    }
}
.docfilenm {
    color:#545454;
}
.docrevisionnotes {
    color:#beb6c1;
    margin:0;
}
.highlightedText > ul {
    padding:10px;
    margin-left:10px;
}
.highlightedText > ul > li {
    list-style-type: square;
}
.updownarrow {
    border:solid 1.5px white;
    border-radius:6px;
    font-size:100%!important;
    padding:2px;
}
.stickyStack {
    position:-webkit-sticky;
    position:sticky;
}

.goaway {
    opacity:0;
    top:-500px!important;
}
input.admin[type='month'] {
    /*padding-bottom:4px;*/
    /*padding: 5px 3px 4px 3px !important;*/
    height:21px;
    width: calc(100% - 10px) !important;
    height:32px !important;
    max-height:32px;
}
input.admin[type='number'] {
    padding-bottom:1px;
    height:24px !important;
    max-height:32px;
    min-height:28px!important;
    padding-top:1px;
    width:calc(100% - 25px); /* Changed 18 to 25 */
}
/*#timesheettable td {*/
/*    outline: solid 1px green;*/
/*}*/
#sortableContainer * {
    background-color: red !important;
    colour: purple !important;
}
.ui-sortable-helper {
    background-color: #e3ece1 !important;
}
#timesheet td > input {
    height:36px !important;
}
.field_projectCd {
    min-width: 150px !important;
}
.mzcolor {
    position:relative;
    display:inline-block;
    background-color:white;
    cursor:pointer!important;
    border-radius:50px;
    line-height:33px;
}
.mzcolor {
    border:none;
}


.mzcolorinput {
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.codedrillthrough > div {

}
.circledTx5 {
    position:absolute;
    top:-2px;
    right:110px;
    border-radius:50%;
    padding:0 4px 1px 4px;
    background:#c4040c;
    border:2px solid white;
    color:white;
    text-align:center;
    font-size:65%;
    cursor:pointer;
    min-width:15px;
    margin:2px 2px 0 0;
    transition:all 0.25s ease 0s;
}
.circledTx5:hover {
    background: #f8040c;
}
.rattle {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: rattle 2s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}
@keyframes rattle {
    0% { transform: rotate(0deg); }
    5% { transform: rotate(-30deg); }
    10% { transform: rotate(30deg); }
    15% { transform: rotate(0deg); }
    20% { transform: rotate(-30deg); }
    25% { transform: rotate(30deg); }
    30% { transform: rotate(0deg); }

}
.footnoteTx {
    font-size:14px;
    line-height:20px!important;
    color:#7f7979;
}
#captureButton {
    position:fixed;
    bottom:68px;
    color:white;
    background-color:deepskyblue;
    border:none;
    padding:20px;
    border-radius:50px!important;
    z-index:999;
}
#capture-img {
    width:70%;
}
#image-details {
    text-align:center;
}
#img-batch {
    display:flex;
    flex-wrap: wrap;
}
#img-batch > img, #img-batch > div {
    width:50px;
    height:50px;
    margin:10px;
    object-fit:cover;
    border:solid 1px white;
    text-align:center;
    vertical-align: middle;

}
#img-batch > div > i {
    margin-top:10px;
    color:white;
}
.borders {
    border:solid 1px grey;
    padding:4px;
}
.borders td {
    border:solid 1px grey;
    padding:4px;
}/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color:white;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 25px;
    /*background: url('images/ddlb_downarrow.png') left top no-repeat;*/
    background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;

}

.ms-choice > div.open {
    /*background: url('images/ddlb_downarrow.png') right top no-repeat;*/
    background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;

}

.ms-drop {
    width: 100%;
    min-width:200px;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height:10px !important;
    background-color:white;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    background-color:white;
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 30px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px;
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('https://qsafe.quorrasoft.com/images/ddlb_downarrow.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px 5px 0px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}
/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed)
	URL:http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */
.tcalInput { /* input */
    background:url(https://qsafe.quorrasoft.com/images/cal.gif) calc(100% - 6px) 50% no-repeat;
    padding-right:30px;
    padding-left:5px;
    cursor:pointer;
    xcolor:#767676;
    xmargin:0 0 0 1px;
    border:1px;
    border-style:solid;
    border-color:#C0C0C0 ;
    border-radius:5px;
    xheight:27px;
    padding-top:3px!important;
    font-size:11pt;
    xwidth:130px !important;
    min-width:130px !important;
    margin-left:4px;
    color:#4d4d4d;
    xmax-width:90px ;
    min-width:126px ; /* Was 90px */
    xheight:100%; /* was 32px !important; */
    width:calc(100% - 4px) !important;
}
.tcalMonth0 {
}
@media screen and (max-width:720px) {
    .tcalMonth1 {
        display:none;
    }
    .tcalMonth2 {
        display:none;
    }
    .tcalMonth3 {
        display:none;
    }
}
@media screen and (max-width:980px) {
    .tcalMonth2 {
        display:none;
    }
    .tcalMonth3 {
        display:none;
    }
}
@media screen and (max-width:1280px) {
    .tcalMonth3 {
        display:none;
    }
}
/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
    background-image:url(https://qsafe.quorrasoft.com/images/no_cal.gif);
}
.tcal0 {
    background:url(https://qsafe.quorrasoft.com/images/cal.gif) 95% 50% no-repeat;
    padding-top:3px;
    padding-right:30px!important;
    padding-left:5px;
    cursor:pointer;
    color:#767676;
    margin:0 0 0 4px;
    border:1px;
    border-style:solid;
    border-color:#C0C0C0 ;
    border-radius:5px;
    xxheight:33px !important;
    width:130px !important;
    min-width:130px !important;
    font-size:11pt !important;

}
.notcal {
    background:none;
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    padding-right:0;
}
.tcal {
    font-size:11pt !important;
}
/* container of calendar's pop-up */
#tcal {
    background-color:#f0ebff;
    border:solid 1px #767676;
    -moz-box-shadow:0 20px 10px #ccc;
    -webkit-box-shadow:0 20px 10px #ccc;
    box-shadow:0 10px 20px #454545;
}
.tcal-ie10 {
    background-color:#f0ebff;
}
.tcal-ie10x {
    background-color:#f0ebff;
    -moz-box-shadow:0 20px 10px #ccc;
    -webkit-box-shadow:0 20px 10px #ccc;
    box-shadow:0 10px 20px #454545;
    zoom:1;
    z-index:101;
    filter:
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=0,strength=5),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=45,strength=2),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=90,strength=5),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=135,strength=5),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=180,strength=10),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=225,strength=5),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=270,strength=5),
                    progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=315,strength=2);
}


/* table containing navigation and current month */
#tcalControls {
    border-collapse:collapse;
    font-family:Arial, Verdana, sans-serif;
    font-size:8pt;
    border:0;
    width:100%;
}
#tcalControls td {
    border-collapse:collapse;
    border:0;
    padding:0;
    width:17px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    cursor:pointer;
    font-family:Arial, Verdana, sans-serif;
    font-size:8pt;
}
#tcalControls th {
    border-collapse:collapse;
    border:0;
    padding:0;
    line-height:25px;
    font-size:10pt;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:bold;
    white-space:nowrap;
}
#tcalPrevYear { background-position:center; ; background-image:url(https://qsafe.quorrasoft.com/images/prev_year.gif);background-repeat:no-repeat }
#tcalPrevMonth { background-position:center; ; background-image:url(https://qsafe.quorrasoft.com/images/prev_mon.gif);background-repeat:no-repeat }
#tcalNextMonth { background-position:center; ; background-image:url(https://qsafe.quorrasoft.com/images/next_mon.gif);background-repeat:no-repeat }
#tcalNextYear { background-position:center; ; background-image:url(https://qsafe.quorrasoft.com/images/next_year.gif);background-repeat:no-repeat }

/* table containing week days header and calendar grid */
#tcalGrid { /* table */
    border-collapse:collapse;
    vertical-align:middle; horiz-align:center;

    margin:2px;
    border-bottom:2px solid #e9e9e9;
    border-left:2px solid #bfbfbf;
    border-right:2px solid #e9e9e9;
    border-top:2px solid #bfbfbf;
}

#tcalGrid th {
    border:1px solid white;
    border-collapse:collapse;
    padding:3px 0;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10pt;
    background-color:white;
    color:white;
}
#tcalGrid td {
    border:0;
    border-collapse:collapse;
    padding:5px;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11pt;
    cursor:pointer;
}
#tcalGrid td.tcalOtherMonth { color:silver; }
#tcalGrid td.tcalWeekend { background-color:rgb(243, 249, 233); }
#tcalGrid td.tcalToday { border:1px solid #cb0017; }
#tcalGrid td.tcalSelected { background-color:#FFB3BE; }
#tcalGrid td.mouseOver { background-color:#e5ebef; }

td.blueTopTable > span, table.blueTopTable > tbody > tr > td > span, td.blueTopTable > nobr > span {
    font-size:10.5pt !important;
}

table {
    border-spacing: 0;
    border-collapse:separate;
    padding:0;
    trace:table;
}
#recordtable * table {
    border-collapse:collapse!important;
    border-color:green!important;
}
table.admin { /* table */
    border:1px solid #C0C0C0;
}

table.admin, tr.admin, td.admin { /* table */
    font-size:12pt ;
    border:none;
    padding-bottom:4px;
    line-height:19px;
}
.rowclick:hover {
    background-color:#fbf5f5 !important;
    cursor:pointer;
}
.rowclick td {
    cursor:pointer!important;
}
.rowhovered {
    background-color:#f0eaea !important;
    color: #545454 !important;
}
.rowhover { /*.rowhover:hover, tr.rowhover:hover, td.rowhover:hover {*/
    xbackground-color: #e2e8f3 !important;
    color:black;
    xborder-top:solid 1px #b5b3b3 !important;
    xborder-bottom:solid 1px #b5b3b3 !important;
}
.rowover td {
    background-color:inherit;
}
/*tr.rowhover:hover {*/
/*    background-color:#dbe8e5 !important;*/
/*    color: #545454;*/
/*}*/
/*td.rowhover:hover {*/
/*    background-color: #dbe8e5 !important;*/
/*}*/
tr.rowselected td {
    background-color:rgba(225, 243, 248, 0.38) !important;
}
.rowselected {
    background-color: #dfd9d9 !important;
    xbackground-color:#fbf5f5 !important;
}
.blueRowHover:hover {
    background-color: #2196Fe !important;
    color:white !important;
    cursor:pointer !important;
}



/* listtype */
.blueTopTable {
}
table.blueTopTable { /* table */
    width:calc(100% - 18px);
    font-size:10.5pt;
    font-weight:normal;
    color:#313B65;
    margin:0 50px 0 0;
    padding:2px 3px 3px 3px;
    border-collapse:separate;
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-width:1px;
    border-color:#ECE6E6;
    text-decoration:none;
    xpage-break-inside:avoid; /* Removed as it causes unwanted initial page breaks in PDF output */
}
tr.blueTopTable {
    vertical-align:top !important;
}
table.blueTopTable tr {
    border:solid 1px #ECE6E6;
    vertical-align:top !important;
}

/*
.blueTopTable tr:hover { - use rowhover or rowclick
    background-color:#ece6e6;
}
*/
table.blueTopTableColour th { /* th */
    background-color: #d7e1ee !important;
    border-collapse:separate;
    border: 1px solid white;
    border-left-width: 0;
}
table.blueTopTable th { /* th */
    background-color:#d7e1ee !important;
    border:1px solid white;
    cursor:default;
    font-size:10.5pt;
    font-weight:normal !important;
    line-height:13px;
    overflow:hidden;
    padding:3px 12px 5px 12px;
    text-align:left;
    text-decoration:none;
    text-overflow:ellipsis;
    vertical-align:top;
    min-height:19px;
}
.forceBorderRight, table.blueTopTable th:first-child{
    border-left:solid 1px #d7e1ee !important;
}
.forceBorderLeft, table.blueTopTable th:last-child{
    border-right:solid 1px #d7e1ee !important;
}
/*table.blueTopTable td.blueTopTable:last-child {*/
/*xwidth:100%;*/
/*padding-right:20px;*/
/*}*/
table.blueTopTable td { /* td */
    border-top:solid 1px #ECE6E6;
    border-bottom:solid 1px #ECE6E6;
    border-left:solid 1px #faf7f7;
    border-right:solid 1px #faf7f7;
    padding:2px 12px 5px 12px; /* Changed from 8px to 12px to make Issues list easier to read */
    text-decoration:none;
    text-align:left;
    font-size:10.5pt; /* See FormManagerMaster for ExcelOutput override */
    vertical-align:top;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default;
}
table.blueTopTableSpaced td {
    padding-top:15px !important;
    padding-bottom:15px !important;
}
table.blueTopTable td > div > nobr {
    font-size:10.5pt; /* See FormManagerMaster for ExcelOutput override */
}
table.blueTopTable td > div,
#timesheet table.blueTopTable td > div > div {
    font-size:10.5pt; /* See FormManagerMaster for ExcelOutput override */
}
/*#timesheet table.blueTopTable td > div {*/
.tsRounded {
    border-radius: 5px;
    /*padding-bottom: 5px;*/
    padding-right: 3px;
    margin: 0 0 0 4px;
    /*padding-top: 5px;*/

}
table.blueTopTableAlternatingBg tr:nth-child(even) td {
    background-color:white;
}
table.blueTopTableAlternatingBg tr:nth-child(odd) td {
    background-color:#f6f6f6;
}



td.listtype0 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    background:#DA4453;
    border-right:solid 1px white !important;
    padding:5px 3px 5px 3px;
    cursor:pointer;
    color:white;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    text-decoration:none;
    white-space:nowrap;
}
td.listtype1 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    background-color:#FBAD49;
    border-right:solid 1px white !important;
    cursor:pointer;
    color:white;
    padding:5px 3px 5px 3px;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    white-space:nowrap;
}
td.listtype90 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    background:#FF7F27;
    border-right:solid 1px white !important;
    color:white;
    padding:5px 3px 5px 3px;
    cursor:pointer;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    text-decoration:none;
    white-space:nowrap;
}
td.listtype99 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    background: #40a625 !important;
    border-right:solid 1px white !important;
    color:white !important;
    padding:5px 3px 5px 3px;
    cursor:pointer;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    text-decoration:none;
    white-space:nowrap;
}
td.listtype100 { /* td */
    border-style:solid;
    border-width:1px;
    border-color:#ECE6E6;
    background:#4ac32d !important;
    border-right:solid 1px white !important;
    color:white !important;
    padding:5px 3px 5px 3px;
    cursor:pointer;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    text-decoration:none;
    white-space:nowrap;
}
td.listtypeGray {
    color:#777777;
    background:#F2F0F0;
    vertical-align:bottom;
    border-style:none;
    border-width:1px;
    border-color:white #5C8CCB;
    padding:5px 3px 5px 3px;
    white-space:nowrap;
    cursor:default;
}

table.formStripe  { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:#313B65;
    margin:4px 0 2px 0;
    padding:2px 0 2px 5px; /* was 2px 5px 2px 5px but changed for Contact Form TEAM References alignment */
    border-collapse:collapse;
    border-style:solid;
    border-width:0;
    border-color:grey;
    text-decoration:none;
    cursor:pointer;
    text-align:left;
}
tr.formStripe { /* tr */
    border-style:none;
    border-width:1px;
    padding:5px;
    cursor:pointer;
}
th.formStripe { /* th */
    color:white;
    /*background:#37373D  url(images/grey626264.jpg) top left repeat-x;*/
    vertical-align:top;
    border-style:solid;
    border-width:0;
    border-color:#5C8CCB;
    padding:2px 5px 2px 5px;
    white-space:nowrap;
    cursor:default;
    text-align:left;
}



table.pageStripe  { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    background-color:#272E38;
    margin:0;
    padding:0;
    color:white;
    text-decoration:none;
    cursor:pointer;
    width:100%;
}
table.pageStripe tr { /* tr */
    border-style:none;
    padding:0;
    margin:0;
    cursor:pointer;
    height:2px;
}
table.pageStripe th { /* th */
    padding:0;
    margin:0;
    vertical-align:center;
    white-space:nowrap;
    cursor:default;
}
table.pageStripe td { /* td */
    padding:0;
    margin:0;
    white-space:nowrap;
    cursor:default;
    width:100%;
    border-top:solid 1px white;
    border-bottom:solid 3px white;
}
.clearTable {
    /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:#3b3939;
    border:none;
    padding:0;
    margin:0;
    line-height:1.5;
}
.clearTable tr {
    vertical-align: top;
}
.clearTable td {
    border:none!important;
}


table.greytable  { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    color:#313B65;
    margin:0;
    padding:2px 5px 2px 5px;
    border-collapse:separate; /* changed from collapse to avoid th borders scrolling off */
    border-spacing:0;
    text-decoration:none;
    cursor:default;
    width:100%;
}
.greytable tr { /* table */
    vertical-align: top;
}

.greytable th { /* table */
    font-size:11pt !important;
    border-style:solid;
    border-width:1px;
    border-color:#c5c5c5;
    text-decoration:none;
    padding:5px;
}
.greytable td { /* table */
    font-size:11pt !important;
    border-style:solid;
    border-width:1px;
    border-color:#c5c5c5;
    text-decoration:none;
    padding:5px;
}
.greytable { /* table */
    font-size:11pt !important;
}

.tableRowNumber {
    min-width:50px;
    max-width:100px;
    width:50px;
    white-space:nowrap;
}

.linedGridsOnTable tr { /* table */
    vertical-align:top;
}
.linedGridsOnTable td { /* table */
    border-bottom:1px solid #d7d1d1;
}


/*----- nostyle tables -----*/
table.white_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:separate;
    width:100%;
    background-color:white;
    margin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
}
table.white_table tr {
    vertical-align:top;
}
table.white_table th {
    background-color:white;
    text-align:left;
    vertical-align:top;
    font-weight:bold;
    padding-right:6px;
}
table.white_table td {
    background-color:white;
    text-align:left;
    vertical-align:top;
    padding-right:6px;
}
/*----- grid_table tables -----*/
table.grid_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:collapse;
    width:99%;
    background-color:white;
    margin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
    font-size:12pt !important;
}
.grid_table .multiselectDDselect {
    font-size:10pt!important;
    font-weight:bold!important;
    padding-top:0;
    margin-top:-4px; /* See Billing History table on TenantForm */
}
table.grid_table tr {
    vertical-align:top;
}
table.grid_table th {
    border:solid 1px white;
    background-color:#e7e7e7;
    text-align:left;
    vertical-align:top;
    font-weight:bold!important;
    padding:8px;
}
table.grid_table th:last-child {
    border-right: solid 1px #e7e7e7;
}
table.grid_table th:first-child {
    border-left: solid 1px #e7e7e7;
}
table.grid_table td {
    border:solid 1px #dcdcdc;
    xbackground-color:white;
    text-align:left;
    vertical-align:top;
    padding:8px;
    overflow:hidden;
}
.grid_cell_highlighter {
    background-color:#ededed;
}
div.grid_table > div:first-child {
    background-color:#dcdcdc;
    border:solid 1px white;
}
/*----- lined_table tables -----*/
table.lined_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:separate;
    border:none;
    width:100%;
    xmargin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
}
table.lined_table tr {
    vertical-align:top;
}
table.lined_table th {
    font-weight:bold;
    background-color:white;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:solid 1px #8b8b8b;
    text-align:left;
    vertical-align:top;
    padding:8px;
}
table.lined_table td {
    background-color:white;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:solid 1px #d7d7d7;
    text-align:left;
    vertical-align:top;
    padding:8px;
}

/*----- grey_table tables -----*/
table.grey_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:separate;
    background-color:#eeeeee;
    color:#3b3939;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
}
table.grey_table tr {
    vertical-align:top;
}
table.grey_table th {
    font-weight:bold;
    background-color:#eeeeee;
    border:solid 1px white;
    text-align:left;
    vertical-align:top;
    padding:8px;
}
table.grey_table td {
    text-align:left;
    border:solid 1px white;
    background-color:#eeeeee;
    vertical-align:top;
    padding:8px;
}

/*----- horizontal_grid_lines tables -----*/
table.grey_white_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:separate;
    border:none;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
}
table.grey_white_table tr:nth-child(even) td {
    background-color:white;
}
table.grey_white_table tr:nth-child(odd) td {
    background-color:#f6f6f6;
}
table.grey_white_table tr:last-child td {
    border-bottom:solid 1px #d7d7d7;
}
table.grey_white_table th:first-child {
    padding-left:0;
}
table.grey_white_table th:last-child {
    padding-right:0;
}
table.grey_white_table th {
    font-weight:bold;
    background-color:white;
    text-align:left;
    border-bottom:solid 1px #8b8b8b;
    vertical-align:top;
    padding:8px;
}
table.grey_white_table td {
    background-color:white;
    text-align:left;
    vertical-align:top;
    padding:8px;
}

/*----- horizontal_grid_lines tables -----*/
table.grey_white_group_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:separate;
    border:none;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
}
table.grey_white_group_table tr:first-child {
    border-bottom:solid 1px #d7d7d7;
}
table.grey_white_group_table th:first-child {
    padding-left:0;
}
table.grey_white_group_table th:last-child {
    padding-right:0;
}
table.grey_white_group_table th {
    font-weight:bold;
    background-color:white;
    text-align:left;
    border-bottom:solid 1px #8b8b8b;
    vertical-align:top;
    padding:8px;
}
table.grey_white_group_table td {
    text-align:left;
    vertical-align:top;
    padding:8px;
}

table.grey_blue_strips tr:nth-child(even) td {
    background-color:#F4F2F2;
}
table.grey_blue_strips tr:nth-child(odd) td {
    background-color:#f6f6f6;
}

.bluehover {
    cursor: pointer !important;
}

.bluehover:hover {
    background-color: #3480f6;
    color:white;
}


.subtotalRowBackground {
    background-color:#f6faf4!important;
}
.totalRowBackground {
    background-color:#edf1eb;
}

/*----- key_value tables -----*/
table.key_value_table {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    border-collapse:collapse;
    width:100%;
    background-color:white;
    margin-top:15px;
    margin-bottom:15px;
    padding-right:10px;
    font-size:12pt ;
}
table.key_value_table th {
    border:solid 1px white;
    background-color:#e7e7e7;
    text-align:left;
    vertical-align:top;
    font-weight:bold;
    padding:8px;
}
table.key_value_table th:last-child {
    border-right: solid 1px #e7e7e7;
}
table.key_value_table th:first-child {
    border-left: solid 1px #e7e7e7;
}
table.key_value_table td:first-child {
    background-color: #f1f0f0;
    border-bottom:solid 1px #ffffff;
}
table.key_value_table tr:last-child td {
    border-bottom:solid 1px #f1f0f0;
}
table.key_value_table td {
    border:solid 1px #e7e7e7;
    xbackground-color:white;
    text-align:left;
    vertical-align:top;
    padding:8px;
    overflow:hidden;
}

.curvedStatusTable td:first-child {
    border-top-left-radius:9px;
    border-bottom-left-radius:9px;
}
.curvedStatusTable td {
    padding-left:4px;
    padding-right:4px;
}
.curvedStatusTable td:last-child {
    border-top-right-radius:9px;
    border-bottom-right-radius:9px;
}


.draggingPlaceholderClass {
    border:dotted 1.5px #bfbfbf!important;
    border-width:1.5px!important;
    background-color: #e9efe2;
    height:30px;
    width:100%;
}
a.shahinalborz {
    color:inherit;
}
.subtotalRowBackground {
    background-color:#f6faf4!important;
}
.totalRowBackground {
    background-color:#edf1eb;
}



.home { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:300;
    color:#474747;
    margin-top:0;
    padding:0 0 12px 0;
    border:none;
    line-height:1.5em;
}
table.home {
    width:100%;
    font-size:12pt ;

}
tr.home0 { /* tr */
    /* border:none; */
    margin:0;
    padding:0;
}
th.home {
    font-size:13pt;
    font-weight:lighter;
    color:white;
    background-color:#B8C2CF;
    margin:5px;
    padding:5px 3px 5px 3px;
    white-space:nowrap;
}
th.home0 { /* th */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:20px;
    font-weight:lighter;
    color:white;
    background-color:#B8C2CF;
    margin:5px;
    padding:5px 3px 5px 3px;
    white-space:nowrap;
}
td.home0 { /* td */
    /* border:none; */
    margin:0;
    padding:0;
}


table.type3 { /* table */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    color:#313B65;
    margin:0 0 0 15px;
    padding:2px 5px 2px 15px;
    border-collapse:collapse;
    border-style:none;
    border-width:1px;
    border-color:grey;
    text-decoration:none;
    cursor:default;
}
table.code td.del { /* table,td */
    background-color:#FDD;
    border-left:1px solid #C00;
    border-right:1px solid #C00;
}
table.code td.del.first { /* table,td */
    border-top:1px solid #C00;
}
table.code td.ins { /* table,td */
    background-color:#DFD;
    border-left:1px solid #0A0;
    border-right:1px solid #0A0;
}
table.code td.ins.first {
    border-top:1px solid #0A0;
}
table.code td.del_end {
    border-top:1px solid #C00;
}
table.code td.ins_end {
    border-top:1px solid #0A0;
}
table.code td.truncated {
    background-color:#f7f7f7;
}

.blueTopTable.stickyBorderFix {
    border-collapse: separate;
    padding:0;
    border-top: 1px solid #ECE6E6;
    border-left: 1px solid #ECE6E6;
}

.blueTopTable.stickyBorderFix th:not(.stickyStack):not(.stickyLeft2):not(.stickyLeft2_1) ,
.blueTopTable.stickyBorderFix td:not(.stickyStack):not(.stickyLeft2):not(.stickyLeft2_1)  {
    position: relative;
}

.blueTopTable.stickyBorderFix th,
.blueTopTable.stickyBorderFix td {
    border: 0 !important;

}
.blueTopTable.stickyBorderFix th.pttRedBorder .qsButton,
.blueTopTable.stickyBorderFix td.pttRedBorder .qsButton {
    border: solid 1px red !important;

}
.blueTopTable.stickyBorderFix th:before,
.blueTopTable.stickyBorderFix td:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right:0;
    border-bottom: 1px solid #ECE6E6;
}
/*.blueTopTable.stickyBorderFix th.pttRedBorder:before,*/
/*.blueTopTable.stickyBorderFix td.pttRedBorder:before {*/
/*    border-bottom: 1px solid red !important;*/
/*}*/
.blueTopTable.stickyBorderFix th:nth-of-type(even):after,
.blueTopTable.stickyBorderFix td:nth-of-type(even):after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 0;
    border-top: 0;
    border-left: 0;
    border-right:1px solid #f3f0f0;
    border-bottom: 0;
}
.selectValuesFilter {
    /*This is so that IOS devices look better.. and therefore we standardize all device types*/
    -webkit-appearance:none;
    background-color:white;
    background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
    background-position:right center;
    background-repeat:no-repeat;
    -webkit-appearance:none;
    background-color:white;
    padding-right:15px!important;
    white-space:nowrap;
    xmargin-right:-15px;
}
.selectValuesFilter[readonly] {
    background-image: none;
    background-color: white;
}
.selectValuesFilterDD {
    position:fixed;
    display:block;
    min-height:60px;
    max-height:unset!important;
    background:none!important;
    background-color:white!important;
    z-index:21470;
    margin-left:10px;
    /*border-top-left-radius:0;*/
    /*border-top-right-radius:0;*/
    border-radius:0;
    overflow-y:scroll!important;
    padding-right:5px!important;
}
.selectValuesFilterDD>option:hover {
    background-color:dodgerblue;
    color:white!important;
}
input[type='search'].selectValuesFilterInput {
    background-color: #ffced9 !important;
}
.selectValuesFilterOuter {
    position:absolute;
    height:220px;
    top:32px;
}
.selectValuesFilterInner {
    position:relative;
    /*padding-left:10px;*/

}
.selectValuesFilter > div {
    min-height:22px;
}
.selectValuesSpecialBackground {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:white;
    opacity:0.1;
}
.selectValuesSpecialMove {
    position:fixed;
    top:5px;
    left:5px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.selectValuesSpecialMove2 {
    position:fixed;
    top:5px;
    left:10px;
}

.selectValuesFilterInner .selectValuesFilterDD {
    width:inherit !important;
}
.selectValuesFilterInner .selectValuesFilterDD.displayAsText {
    min-width:unset !important;
    overflow-y:scroll !important;
}

.selectOptionsAbove {
    border-top-left-radius:unset !important;
    border-top-right-radius:unset !important;
}
.selectOptionsBelow {
    border-bottom-left-radius:unset !important;
    border-bottom-right-radius:unset !important;
}
.option-grp-highlight {
    background-color:#dae9ef!important;
    border-radius:8px;
    margin-top:10px!important;
    margin-bottom:5px!important;
    font-weight:normal;
    font-size:105%;
    padding:6px 10px 10px 6px!important;
}
.option-grp-item {
    padding:2px 0 2px 10px;
    border-bottom:solid 1px #f2f2f2;
    font-weight:normal;
    cursor:default;
}
.option-grp-item:hover {
    background-color:dodgerblue;
    color:white!important;
}
.option-grp-item-note {
    margin:0 0 10px 0!important;
    padding:5px!important;
    text-align:center;
    font-weight:normal;
    background-color:#eeeeee;
    border-radius:8px;
}
.option-grp-item:checked {
    background:url('https://qsafe.quorrasoft.com/images/tick.png') no-repeat 95% 50%;
    background-color:dodgerblue;
    color:white;
}
.selectValuesFilterWidthContainer {
    background:red !important;
}
.saveButton {
    margin-top:15px !important;
    background-color:#4ABB2E !important;
    cursor:pointer !important;
    color:white !important;
    padding:4px !important;
    font-size:12pt  !important;
    min-width:100px !important;
    min-height:40px !important;
}
.saveButton:disabled {
    background-color:#bebebe !important;
    cursor:not-allowed !important;
    color:grey !important;
}
#save_button_bottom {
    margin-bottom:20px;
    padding:3px 10px 3px 10px !important;
    width:auto !important;
}
.save_button_bottom_row {
    display:table-row;
}
.save_button_bottom_right {
    border:none!important;
    display:table-cell;
    text-align:right;
    min-width:1px;
}
@media screen and (max-width: 630px) {
    /* saveButton2020 */
    #save_button_bottom {
        width:calc(100vw - 30px) !important;
        min-width:calc(100vw - 30px) !important;
        margin-left:4px !important;
    }
    .save_button_bottom_row {
        display:block !important;
    }
    .save_button_bottom_right {
        display:block !important;
        text-align:center !important;
        max-width:calc(100vw - 30px) !important;
    }
    .centeronsmallTx {
        padding-left:19px;
    }
}
.saveButtonWider {
    width:70%;
    min-width:300px;
    max-width:600px
}
.password_warning {
    width:100%;
    xdisplay:none;
    color:#cb0017;
    background-color:white;
    border:solid 1pt white !important;
}
.password_strength_meter_background {
    margin-left:10px;
    margin-top:10px;
    width:100px !important;
    height:10px  !important;
    border-radius:5px;
    background-color:grey;
    transition:all 0.5s ease 0s;
}
.password_strength_meter {
    text-align:left;
    height:100%;
    height:100% !important;
    border-radius:5px;
    transition:all 0.5s ease 0s;
}
.yellowhighlight {
    background-color:rgb(255, 254, 203);
}
.password_strength0 { /* Bad */
    width:100%;
    background-color:white;
}
.password_strength1 { /* Bad */
    width:10%;
    background-color:#cb0017;
}
.password_strength2 { /* Bad */
    width:20%;
    background-color:red;
}
.password_strength3 { /* Bad */
    width:30%;
    background-color:orange;
}
.password_strength4 { /* Weak */
    width:40%;
    background-color:yellow;
}
.password_strength5 { /* Weak */
    width:50%;
    background-color:#e7ff43;
}
.password_strength6 { /* Good */
    width:60%;
    background-color:#e1ff3d;
}
.password_strength7 { /* Good */
    width:70%;
    background-color:#cdff27;
}
.password_strength8 { /* Strong */
    width:80%;
    background-color:#5aea76;
}
.password_strength9 { /* Best */
    width:90%;
    background-color:#00d300;
}
.password_strength10 { /* Best */
    width:97%;
    background-color:#00d300;
}
.password_warning_text {
    font-size:11pt;
    padding-top:6px;
}
.password_strength_hint {
    margin-top:0;
    margin-left:10px;
}
.modalbackground {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100vw;
    height:100vh;
    opacity:0.7;
    background-color:grey;
    z-index:99998;
    cursor:not-allowed;
}
.modalpopup_hidden {
    top:-100px !important;
    opacity:0 !important;
}

.modalpopup {
    display: table!important;
    padding:0;
    margin:0;
    width:calc(90vw - 10px);
    max-width:900px;
    height: auto; top: 0; bottom: 0; /* make modal scrollable */
    position:fixed;
    /*padding:20px;*/
    top:1vh;

    /*width:350px;*/

    left:50%;
    transform: translateX(-50%);


    min-width:50vw;

    opacity:1;
    background-color:white;
    /*xz-index:9999999999;*/
    /*box-shadow:0px 0px 20px #353535;*/
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    text-align:center;
    vertical-align:middle;
    /*border:solid 1px black !important;*/
}
@media screen and (max-width:1000px) {
    .modalpopup.fullscreen {
        display: unset !important;
        width:unset !important;
        height:unset !important;
        max-width:unset !important;
        max-height: unset !important;
        position: absolute !important;
        top: 2px !important;
        left: 2px !important;
        right: 2px !important;
        bottom: 2px !important;
        /*width: calc(100vw - 4px) !important;*/
        /*height: calc(100vh - 4px) !important;*/
        /*max-width:  100vw !important;*/
        /*max-height:100vh !important;*/
        transform: unset !important;

        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
}
/*on wide screens we have more of a border for the modal*/
@media screen and (min-width:1000px) {
    .modalpopup.fullscreen {
        display: unset !important;
        width:unset !important;
        height:unset !important;
        max-width:unset !important;
        max-height: unset !important;
        position: absolute !important;
        top: 20px !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 20px !important;
        /*width: calc(100vw - 4px) !important;*/
        /*height: calc(100vh - 4px) !important;*/
        /*max-width:  100vw !important;*/
        /*max-height:100vh !important;*/
        transform: unset !important;

        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
}

.modalpopup.fullscreen .outer {
    max-width: 100vw;
    max-height:100vh;
}
.modalpopup.fullscreen .inner {
    display: flex;
    flex-direction: column;
}
.modalpopup.fullscreen .modalTitle {
    display: flex;
    flex-direction: column;
    /*display:none !important;*/
}
.modalpopup.fullscreen .modalContent {
    display: flex;
    flex-direction: column;
    flex:1;
    /*height: 100% !important;*/
    /*height will change depending on modal title */
    /*height: calc(100% - 62px) !important;*/
    max-height: 100% !important;
    width:100% !important;
    max-width: 100% !important;
    /*padding-right: 0px;*/
    /*background-color: #eBe6eD;*/
    box-sizing: border-box;
    border: 0 !important;
    padding: 0 !important;
    overflow: auto;
}
.modalpopup.fullscreennobuttons .modalButtons {
    display:none !important;
}
.modalpopup.fullscreen .cursormove {
    cursor: unset;
}
.modalpopup.fullscreen .material-icons.qsButton {
    font-size:24px;
}
/* new modal containers */
.modalpopup .outer {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
    xwidth: 100%;
    height: 100%;
    position: relative;
    xz-index: 999;
    background-color: transparent;
    xmax-width: calc(100vw - 20px);
}

.modalpopup .inner {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
    box-shadow:0px 0px 20px #353535;
    xwidth: 100%;
    height: 100%; /* auto; */       /* allow to fit content (if smaller)... */
    max-height: calc(100vh - 30px);   /* ... but make sure it does not overflow browser window */

    overflow-x: hidden;
    overflow-y: hidden;

    /* definition of modal window layout */
    background: #ffffff;
    background-color: transparent;
    /*border: 2px solid #222222;*/
    /*border-radius: 16px; !* some nice (modern) round corners *!*/
    padding: 16px;       /* make sure inner elements does not overflow round corners */
}

@media screen and (max-width: 767px) {
    .modalpopup .outer {
        max-width: 100vw;
    }

    .modalpopup.fullscreen .inner {
        width: 100%;
        padding: 2px;
    }

    #quickTimesheetReportContainer {
        width:100vw;
    }
}
/* end of new modal containers */
.modalOverlayFade {
    xtop:-500px;
    opacity:0.75;
    background-color:grey;
}
.modalTitle {
    font-size:16pt;
    border-bottom:solid 1pt #757575;
    margin-bottom:20px;
    text-align:left;
    position:relative;
}
.modalContent {
    font-size:14pt;
    width:calc(100% - 7px);
    max-height:calc(100vh - 171px); /*calc(80vh -  100px);*/
    /*height:60vh;*/ /*DBFlag trying modal flexible height*/
    overflow-y:auto;
    overflow-x:auto;
    text-align:left;
    padding-right:20px;
    padding-bottom:10px;
}
.modalProjectTimesheetTimes .modalContent {
    height:1px; /*otherwise IOS sticky doesn't work correctly*/
}
.modalButton {
    padding:5px;
    margin:10px 5px;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:13pt;
    font-weight:normal;
    color:white;
    max-width:150px;
    min-width:100px;
    border-radius:4px;
    box-shadow:none;
    cursor:pointer;
    transition:all 0.5s ease 0s;
    border:none;
}
.modalButton:hover {
    transition:all 0.5s ease 0s;
}
.modalButton:focus {
    box-shadow:0 6px 6px #b4b4b4;
}
/*.accessKey:first-letter {*/
/*    text-decoration:underline;*/
/*}*/
.modalButton:disabled {
    background-color:#b4b4b4 !important;
    color:#878787 !important;
    cursor:not-allowed;
}
/* showModal buttons....*/
.modalButton_ok, .modalButton_yes, .modalButton_upload, .modalButton_generate, .modalButton_submit, .modalButton_proceed, .modalButton_save, .modalButton_resume, .modalButton_stayloggedin, .modalButton_send {
    background-color:#7fc400 !important;
}
.modalButton_ok:hover, .modalButton_yes:hover, .modalButton_upload:hover, .modalButton_generate:hover, .modalButton_submit:hover, .modalButton_save:hover, .modalButton_resume:hover, .modalButton_stayloggedin:hover, modalButton_send:hover {
    background-color:#95dd00 !important;
}
.modalButton_cancel, .modalButton_close, .modalButton_cancel, .modalButton_no {
    background-color:rgba(0, 136, 255, 0.57) !important;
}
.modalButton_cancel:hover, .modalButton_close:hover, .modalButton_cancel:hover, .modalButton_no:hover {
    background-color:rgba(53, 170, 255, 0.57) !important;
}
.modalButton_delete,.modalButton_remove, .modalButton_removelink {
    background-color:#cb0017!important;
}
.modalButton_delete:hover,.modalButton_remove:hover, .modalButton_removelink:hover {
    background-color:#ff2e43!important;
}

.modalButton1 {
    background-color:#7fc400;
}
.modalButton1:hover {
    background-color:#95dd00;
}
.modalButton2 {
    background-color:rgba(0, 136, 255, 0.57);
}
.modalButton2 {
    background-color:rgba(53, 170, 255, 0.57);
}
.modalButton3 {
    background-color:#cb0017;
}
.modalButton3:hover {
    background-color:#ff2e43;
}
.modalButtons {
    text-align:right;
    position:relative;
    display:table;
    width:100%;
    z-index:10002;
}
.modalButtonGap {
    width:10%;
}




.modalButtonLeft {
    padding: 5px;
    margin: 0px 5px 0 0;
    height: 30px;
}
.modalButtonsLeft {
    background-color:white; /* Was inherit but it needs to be in front of any overheight content - see qsafe doc modals */
    color:#4d4d4d !important;
    width:1%;
    /*float:left;*/
    min-width:0 !important;
    max-width:auto !important;
    /*position: absolute;*/
    /*top: 50%;*/
    /*-ms-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*background-color: #0cbeff;*/
    display:table-cell;
    vertical-align: middle;
    text-align: left;
}
.modalButtonsLeft > div {
    white-space:normal;
    display: inline-block;
    vertical-align: top;
    width:40vw;
}

.modalContent > div > .aformfieldrow {
    width:calc(100% - 10px) !important;
    xbackground-color:magenta !important;
    margin-left:0!important;
}
#button1hook {
    float:left;
    padding-top:9px;
}
#footerhook {
    text-align:left;
    padding-left:14px;
}
.helpicon {
    display: inline-block;
    margin-top:-5px;
}
@media (max-width:767px) {
    .modalButton {
        min-width: 77px;
    }
}/*
===========================================================================
======= START OF MENU =====================================================
===========================================================================
$rcLog$
 */
/* megamenu */
@media screen and (max-width:47.938em) {
    html {
        font-size:55%;
    }
}
/** { outline-style: solid;}*/
.menu {
    margin:0 auto;
    /*width: calc(100% - 85px);*/
    background-color:#f5f5f5;
    font-size:14px;
    vertical-align:bottom;
    z-index:99999999;
}

.menuhome {
    padding-left:100px;
}
.menumega > a {
    /* top level mega menu */
    padding:15px 0 15px 5px;
    width:19%;
    min-width:200px;
    float:left;
    cursor:pointer;
    color:white;
    margin-left:100px;
}
.menumega > a:hover {
    background-color:#00569c;
}

.menu ul {
    position:static;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    /* DJB changed from relative to static */
    z-index:200;
    margin:0;
    padding:0;
    list-style:none;
    /*background: #ea4eff;*/
}

.menu ul:before, .menu ul:after {
    display:table;
    content:'';
}

.menu ul:after {
    clear:both;
}



.menu ul.is-shown-on-mobile {
    display:block;
}

.menu ul > li {
    float:left;
    margin:0;
    padding:0;
    -webkit-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
    list-style-type:none;
}


.menu ul > li > a {
    /* menu always on top */
    display:block;
    padding:0.25em 1.0em;
    min-width:50px;
    color:#444;
    font-size:1em;
    -webkit-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}



.menu ul > li:hover {
    background:#0071bc;
    color:#fff;
}
.menu ul > li.is-active  >a {
    background-color:#00569c;
    color:#fff;
}
.menu ul > ul > li > a {
    color:#fff;
}
.menu ul > li:hover > a {
    background-color:#00569c;
    color:#fff;
}
.timesheet {
    float:right;
    width:100%;
    background-color:red;
}
.expenseListTimesheets {
    cursor: default;
    color: #ababab;
    text-align:left;
    white-space:normal;
    height:32px;
    border-bottom: solid 1pt #ece6e6;
}

/* https://github.com/marioloncarek/megamenu-js */
.menu ul > li > ul {
    position:absolute;
    left:0;
    display:none;
    width:100%;
    background:#0071bc;
}




/*.menu ul > li > ul > li {*/
    /*padding:0 1.5em;*/
    /*width:15%;*/
    /* min-width:300px caused menu to be positioned off right hand side of window */
    /*min-width:200px;*/
    /* DJB max width increased from 500 to 800 so sub menus can take full width of screen on mobiles */
    /*max-width:800px;*/
/*}*/


.menu ul > li > ul > li > a {
    /* low level mega menu */
    /* padding:0 0 0 30px;  1em 0 .5em; */
    padding-left:0;
    padding-right:30px;
    /* border-bottom:1px solid #ccc; */
    color:white;
    font-size:1em;
}


.menu ul > li > ul > li > ul {
    position:relative;
    display:block;
    padding:1em 0;
}


.menu ul > li > ul > li > ul > li {
    padding:0;
    /*width:100%;*/
    /*DJB*/
}

.menu ul > li > ul > li > ul > li > a {
    border:0;
    text-transform:uppercase;
    font-size:0.9em;
}


.dropdown-button {
    display:none;
    outline:none;
    border:0;
    vertical-align:top;
    cursor:pointer;
    -webkit-appearance:none;
}



.dropdown-button .dropdown-button-text {
    position:absolute;
    top:1.0em;
    left:50%;
    width:14px;
    height:14px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}

.dropdown-button .dropdown-button-text:before, .dropdown-button .dropdown-button-text:after {
    position:absolute;
    background-color:#1c5f8c;
    content:"";
    -webkit-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}

.dropdown-button .dropdown-button-text:before {
    top:0;
    left:50%;
    width:2px;
    height:100%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}


.dropdown-button .dropdown-button-text:after {
    top:50%;
    left:0;
    width:100%;
    height:2px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

.dropdown-button .dropdown-button-text.is-active:before {
    opacity:0;
}

/* CSS ANIMATION FROM ANIMATE.CSS */
.animation-in {
    -webkit-animation:.2s ease;
    animation:.2s ease;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
}

.animation-out {
    -webkit-animation:.2s ease;
    animation:.2s ease;
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
}

@-webkit-keyframes fadeIn {
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}

@keyframes fadeIn {
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity:1;
    }

    to {
        opacity:0;
    }
}

@keyframes fadeOut {
    from {
        opacity:1;
    }

    to {
        opacity:0;
    }
}

/* MOBILE MENU */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    display:none;
    overflow:visible;
    margin:0;
    padding:1.5em 1.5em;
    /*DJB adjust width by 85px */
    width:calc(100% - 85px);
    border:0;
    background-color:transparent;
    color:inherit;
    text-align:left;
    text-transform:none;
    font:inherit;
    cursor:pointer;
    -webkit-transition-timing-function:linear;
    transition-timing-function:linear;
    -webkit-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-property:opacity, -webkit-filter;
    transition-property:opacity, -webkit-filter;
    transition-property:opacity, filter;
    transition-property:opacity, filter, -webkit-filter;
}



.hamburger:hover {
    opacity:0.7;
}

.hamburger-menu-text {
    vertical-align:middle;
}

.hamburger-box {
    position:relative;
    display:inline-block;
    float:right;
    width:25px;
    height:18px;
}

.hamburger-inner {
    top:50%;
    display:block;
    margin-top:-1px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    position:absolute;
    width:25px;
    height:2px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#444;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
}

.hamburger-inner::before, .hamburger-inner::after {
    display:block;
    content:"";
}

.hamburger-inner::before {
    top:-8px;
}

.hamburger-inner::after {
    bottom:-8px;
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration:0.1s;
    transition-duration:0.1s;
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition:top 0.1s 0.14s ease,
    opacity 0.1s ease;
    transition:top 0.1s 0.14s ease,
    opacity 0.1s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition:bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transition-delay:0.14s;
    transition-delay:0.14s;
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top:0;
    opacity:0;
    -webkit-transition:top 0.1s ease,
    opacity 0.1s 0.14s ease;
    transition:top 0.1s ease,
    opacity 0.1s 0.14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom:0;
    -webkit-transition:bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

/* Basic Hamburger */
.gradient-menu {
    padding-left:1.25em;
    position:relative;
}
.gradient-menu:before {
    content:"";
    position:absolute;
    left:0;
    top:0.21em;
    bottom:0.21em;
    width:1em;
    background:linear-gradient(
            top,
            black, black 20%,
            white 20%, white 40%,
            black 40%, black 60%,
            white 60%, white 80%,
            black 80%, black 100%
    );
}

.searchfield { /* li */
    padding-top:4px;
    border:0;
    margin:0;
    cursor:pointer;
    /*width:40%;*/
    xmin-width:200px;
    xmax-width:600px;
    text-align:right;
}
.searchtable { /* table */
    width:100%;
    /*padding-right:90px;*/
}
.rhsMenuIcon {
    transition:all 0.25s ease-in-out;
}
.rhsMenuIcon:hover {
    color: #a6a6a6;
}

@media screen and (max-width:767px) {
    /*.searchfield { !* li *!*/
    /*width:90%;*/
    /*text-align:left;*/
    /*padding-left:10px;*/
    /*right:10px;*/
    /*}*/

    
    .menu .searchfield input {
        margin-left:0px;
    }
}

.homelogo {
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    padding-right:10px;
    border:0;
    cursor:pointer;
    z-index:555;
}
@media screen and (min-width:767px) {
    /*DJB 821*/
    #quicktimesheetbutton {
        /*width: 50px;*/
        /*position:relative;*/
        /*top: 15px;*/
        /*float: right;*/
        /*margin-right: 30px;*/
        /*z-index: 1000;*/
        /*display: none;*/
    }

    .menu {
        /* DJB adjusted width to allow for offset caused by logo resulting in horiz scroll bars. */
        width: calc(100% - 75px);
        /*height:40px;*/
        padding-left:0;
        padding-right:0px;
        margin-left: 75px;
    }
    .menu-table {
        display: table;
    }
    .menu-table .menu {
        width: 100%;
        margin-left: 0;
    }
    .menu-table  {
        width: 100%;
        margin-left: 0;

    }

    .menu-cell {
        display: table-cell;
        vertical-align: top;
        padding:0;
        border: 0;
        margin: 0;
    }
    .menu-cell.menu-logo {
        /*width: 0;*/
    }
    .menuhome {
        padding-left:100px;
    }

    .menu ul {
        z-index:20000;
    }
    .menu > ul > li > a:hover {
        background-color:#00569c;
        /*padding-left:10px;*/
        /*padding-right:20px;*/
    }

    .menu > ul > li > ul > li > a:hover {
        background-color:#00569c;
        padding-left:10px;
        padding-right:40px;
    }

    .menu > ul > li > ul > li > ul > li > a:hover {
        /* low level megamenu element */
        background-color:#00569c;
        padding-left:10px;
        padding-right:20px;

    }

    .menu > ul > li > ul > li > ul > li  {
        /*margin: 5px 0;*/
        /*line-height: 12px;*/
    }
    .menu > ul > li > ul > li > ul > li > a {
        margin: 5px 0;
        line-height: 12px;
    }
    .menu > a:hover {
        background-color:#00569c;
    }

    .menu ul > li.rmenu {
        /*    position: absolute;
            right:0;*/
        float:right;
        margin-left:0;
        text-align:right;
        padding-right:0px;
        padding-left:0px;
        z-index: 1000;
    }

    .xmenu > ul {
        /*width:70%;*/
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;

        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;

        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;

        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*flex-direction: row-reverse;*/
        /*-webkit-flex-direction: row-reverse;*/
    }
    .menu #menu-spacer {
        float:none;
        overflow: auto;
        min-width: 10px;
        max-width:100px;
    }
    .menu > ul > li.searchfield {
        flex: 3 1 auto;
        float:right;
        /*flex-grow:100;*/
        /*display: table-cell; width:100%;*/
        /*width:auto;*/
        /*float:right;*/
        /*min-width: 200px;*/
        /*max-width: 1000px;*/
        /*overflow: auto;*/
        text-align:right;
        background-color:inherit;
    }

    .menu ul > li > ul.is-classic-dropdown {
        /* right side menu */
        right:0;
        left:auto;
        padding-right:50px;
        margin-left:0;
        width:200px;
    }

    .menu ul > li > ul.is-classic-dropdown > li {
        width:100%;
    }

    .menu ul > li > ul.is-classic-dropdown > li > a {
        padding:1em;
        border:0;
    }
    .menudownarrow {
        display: none;
        /*background-color: green;*/
        /*margin:1px 3px 0 5px;*/
        /*vertical-align: top;*/
    }
    /*Start of multi-column submenu updates*/

    .submenu-columns-outer-container {
        box-sizing: border-box;
        /*width: 100% !important;*/
        /*background-color: red;*/
        flex-grow: 1;

        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .submenu-columns-outer-container > ul {
        -webkit-column-fill: auto; /* Chrome, Safari, Opera */
        -moz-column-fill: auto; /* Firefox */
        column-fill: auto;
        column-width:400px;
        column-gap:5px;
        /*columns: 1;*/
        width: 100%;
        max-width:100%;
        -webkit-transition:all 0.2s ease 0s;
        transition:all 0.2s ease 0s;
    }
    .submenu-columns-outer-container li {
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
        float: none;
        /*DJB*/
        width:100% ! important;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;



    }
    ._1_column > ul {
    columns: 1;
        /*width:100%;*/
      }
    ._2_column > ul {
        columns: 2;
        -moz-column-width: 300px; /* Firefox */
        -webkit-column-width: 300px; /* webkit, Safari, Chrome */
        column-width: 200px;
        /*width: 70% !important;*/
        width:300px;
    }
    ._3_column > ul {
        columns: 3;
        -moz-column-width: 250px; /* Firefox */
        -webkit-column-width: 250px; /* webkit, Safari, Chrome */
        column-width: 250px;

    }
    ._4_column > ul {
        columns: 4;
        -moz-column-width: 200px; /* Firefox */
        -webkit-column-width: 200px; /* webkit, Safari, Chrome */
        column-width: 200px;

    }
    ._5_column > ul {
        columns: 5;
        -moz-column-width: 150px; /* Firefox */
        -webkit-column-width: 150px; /* webkit, Safari, Chrome */
        column-width: 150px;

    }
    ._6_column > ul {
        columns: 6;
        -moz-column-width: 100px; /* Firefox */
        -webkit-column-width: 100px; /* webkit, Safari, Chrome */
        column-width: 100px;

    }
    ._7_column > ul {
        columns: 7;
        -moz-column-width: 100px; /* Firefox */
        -webkit-column-width: 100px; /* webkit, Safari, Chrome */
        column-width: 100px;



    }
    ._8_column > ul {
        columns: 8;
        -moz-column-width: 100px; /* Firefox */
        -webkit-column-width: 100px; /* webkit, Safari, Chrome */
        column-width: 100px;
    }
    .submenu-columns-outer-container li  {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        /*experimental*/
        min-width: 1px !important;
    }
    .submenu-columns-outer-container a  {
        /*margin: 0 !important;*/
        /*padding: 0 !important;*/
        display: inline-block !important;
    }
    .submenu-columns-outer-container > ul > li:first-child {
        /*margin-top: 0;*/
    }
    .menu ul > li > ul > li {
        /*padding:0 1.5em;*/
        /*!*width:20%;*!*/
        /*min-width:100px;*/
        /*max-width:800px;*/
    }
    .menu ul > li > ul > li {
        padding:0 1.5em;
        width:12%;
        min-width:180px;
    }
    .menu > ul > li > ul {
        /*display:flex;*/
        justify-content: flex-start;
        flex-wrap: wrap;

    }
    .hidden {
        display:none !important;
        -webkit-transition:all 0.2s ease 0s;
        transition:all 0.2s ease 0s;
    }
    .flex {
        display: flex !important;
        justify-content: flex-start;
        -webkit-transition:all 0.2s ease 0s;
        transition:all 0.2s ease 0s;
    }
    /*End of multi-column submenu*/
}


/* === Mobile === */
@media screen and (max-width:767px) {



    .menu {
        width:100%;
    }
    .menu-table {
        /*display: table;*/
    }
    .menu-table .menu {
        /*width: 100%;*/
        /*margin-left: 0;*/
    }

    .menu-table .timesheetmenu {
    }

    .menu-cell {
    }
    .menu-cell.menu-logo {
        float: left;
        position: absolute;
        z-index:200;
    }
    .menu-cell.menu-content {
        width:100%;
        /*float: left;*/
        position: relative;
        //prevent logo overlapping timesheet popup
        //z-index: 100;
    }

    .menumega {
        width:100%;
        padding-left:50px;
    }
    .menumega > a {
        width:100%;
    }

    .menu a {
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .menu ul {
        display:none;
    }

    .menu ul > li {
        position:relative;
        /* If not using buttons for navigation */
        width:100%;
        /*If using menu buttons */
        /*width:calc(100% - 60px);*/

    }

    .menu ul > li > a {
        /*padding:0.5em 0.5em;*/
        padding:0.5em 0.5em;
    }

    .menu ul > li > ul {
        position:relative;
    }

    .menu ul > li > ul.is-classic-dropdown {
        width:100%;
        /*        padding-right:0px;*/
        /*        width:calc(100% - 60px);*/
        /*        border:solid;*/
    }

    .menu ul > li > ul > li {
        padding:0;
        width:100%;
    }

    .menu ul > li > ul > li > a {
        padding:0.5em 0.5em;
        border:0;
    }

    .menu ul > li > ul > li > ul {
        display:none;
        padding:0;
        background:#0080d6;
        /*        width:calc(100% - 60px);*/
    }

    .menu ul > li > ul > li > ul > li > a {
        padding:0.5em 0 0.5em 0.5em;
    }

    .dropdown-button {
        position:absolute;
        top:0;
        right:-60px;
        bottom:0;
        display:block;
        width:60px;
        /*  height:100%;*/
    }
    .menudownarrow {
        /*display: inline;*/
        /*background-color: green;*/
        /*margin:1px 3px 0 5px;*/
        /*vertical-align: top;*/
    }

    .menudownarrowimg {
        margin:6px 5px 0 0px;
        vertical-align: top;

    }
    .hamburger {
        display:table;
        // DJB 821
        //width:calc(100% - 85px);
        width: 50px;

        float: right;
    }


    .menu ul > li.rmenu {
        text-align:right;

    }

}


#HeaderTable {
    margin:0;
    padding:0;
    width:100%;
    table-layout:fixed;
    /*set to fixed layout to allow for IE11 quirk*/
    table-layout:fixed;
}
#HeaderTable >tr {
    vertical-align: bottom;
}
#HeaderTable > tbody > tr > td:first-child {
    width:100%;
}

.filterSelectionContainer > td:last-of-type {
    padding-right:5px;
}
.filterSelectionContainer > td {
    position: relative;
    /*padding: 4px 2px 2px 2px;*/
}
.filterSelectionContainer > td * {
    vertical-align: middle !important;
}
.filterSelectionContainer > td input:read-only {
    color: unset;
}
.filterSelectionContainer > td .projectColourTag {
    left:0px;
}
.filterSelectionContainer > td:nth-of-type(2) {
    position: relative;
    padding: 2px 5px 2px 2px;
}

.filterSelectionProject {
    margin-top:2px;
}
/*
===========================================================================
========= END OF MENU =====================================================
===========================================================================
 */

.loginTermsTx {
    max-width:500px;
    padding:20px;
}
body.login {
    background-color:#FFFFFF;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#3b3939;
    margin:0;
    padding:0;
    background:url(https://qsafe.quorrasoft.com/getIMG.php?f4=default) no-repeat;
    -webkit-background-size:cover; /* For WebKit*/
    -moz-background-size:cover;    /* Mozilla*/
    -o-background-size:cover;      /* Opera*/
    background-size:cover;         /* Generic*/
}

.login-transparent-box { /* div */
    padding:20px;
    background-color:#dedede;
    border:1px solid black;
    opacity:0.8;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    border-radius:10px;
    width:500px;
    margin:0;
    top:0;
}
.login-transparent-box2 { /* div */
    padding:30px;
}
.login-transparent-box3 {
}
.login-input-title { /* td */
    padding:10px;
    font-size:20pt;
    font-weight:bold;
    color:white;
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
.login-input-title2 { /* td */
    padding:10px;
    font-size:20pt;
    font-weight:bold;
    color:#ababab;
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
.login-input-subtitle { /* td */
    padding:10px;
    font-size:15pt;
    font-weight:normal;
    color:#8e8e8e;
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
.login-input-text:link,hover,active{ /* a */
    font-size:12pt ;
    color:#767676;
}
td.login { /* td */
    font-size:12pt ;
    color:#767676;
}

.login-input-field { /* td */
    background-color:white;
    padding:5px;
    font-size:15pt;
    border-radius:4px;
    border:solid 1px #c0c0c0;
    width:100%;
    xheight:35px;
}
.login-button { /* button */
    padding:10px;
    margin-top:10px;
    height:41px !important;
    max-width:100% !important;
}
.login-button:hover { /* button */
    background-color:#95dd00 !important;
    transition:all 0.5s ease 0s;
    -webkit-appearance:none;
    opactiy:1;
}
.login-button { /* button */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    background-color:#7fc400 !important;
    transition:all 0.5s ease 0s;
    color:white !important;
    padding:10px;
    width:100%;
    font-size:15pt;
    border-radius:4px;
    xfont-weight:bold;
    border:none;
    cursor:pointer;
    -webkit-appearance:none;
    opactiy:1;
}
.login-button:disabled {
    background-color:#bebebe !important;
    cursor:not-allowed !important;
    color:grey !important;
}.adminfont {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif !important;
    font-size:12pt  !important;
    font-weight:400 !important;
    color:#4d4d4d !important;
    padding-right:5px !important;
}
.adminfont > div {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif !important;
    font-size:12pt  !important;
    font-weight:400 !important;
    color:#4d4d4d; /*  !important removed as it caused problems with placeholders on InvoiceChannelForm. AB 18.3.20 */
    padding-right:5px !important;
}
/* -------------------------------------------------------------------------- */
.admin { /* input,button */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#4d4d4d;
    margin:0 0 0 4px; /* 0 0 5px 4px; */
    padding-top:7px;
    padding-left:3px;
    padding-bottom:7px;
    padding-right:3px;
    border-width:1px;
    border-style:solid;
    border-color:#cfcfcf;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    xmin-height:22px;
    xmax-width:500px;
    min-width:100px;
}
.adminBorder {
    border:solid 1px #cfcfcf !important;
}
input.admin[type='button'],[type='submit'] {
    max-width:300px;
}

.aforminputlabelExtended + .aforminputfield > .clearfield {
    padding-left:4px;
}
.aforminputlabelExtended + .aforminputfield > a > .clearfield {
    padding-left:4px;
}

input.admin, submit.admin {
    width:calc(100% - 4px); /* Was - 30px but this left a number of inputs short 4px changed to 8px*/
}
input.admin[type='tel'],[type='email'] {
    width:calc(100% - 21px)!important; /* 4px changed to 21px; Can't see why but these seem to behave differently from standard search/text fields - see timesheet.php Contact tab */
}
input.admin[type='password'] {
    width:calc(100% - 15px)!important; /* 4px changed to 21px; Can't see why but these seem to behave differently from standard search/text fields - see timesheet.php Contact tab */
}
input.admin[type='search'] {
    width:calc(100% - 4px); /* Can't see why but these seem to behave differently from standard search/text fields - see timesheet.php Contact tab */
}
input.admin { /* input */
    padding-left:7px;
    xheight:23.5px; /* 31px; */
}

.fixedContainerLeft1 {
    width:calc(100% - 23px);
    overflow: hidden;
    xbackground-color:#e5ebef;
    xpadding-bottom: 20px;
    xpadding-top:10px;
}
.fixedContainerLeft1 * .acellgroup {
    width:calc(100% - 10px);
}
.Password_input {
    padding-top:0;
    padding-bottom:0;
}
.filterfieldblock > .ainputcell > .admin { /* This is a fix for filters on iPad */
    xheight:31.5px;
}
input.admin:focus {
    border-color:#b4b4b4;
    box-shadow:0 6px 6px #b4b4b4;/* <!-- box-shadow:none|h-shadow v-shadow blur(opt) spread(opt) color |inset|initial|inherit; --> */
}
td > * > input.admin:focus {
    box-shadow:none!important;
}
.noboxshadow {
    box-shadow:none!important;
}

.adminborder {
    border:1px;
    border-style:solid;
    border-color:#cfcfcf;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.admin[type='checkbox'] {
    min-width:auto;
    padding-top:3px !important;
    min-height:28px;
    text-align:left !important;
    width:auto !important;
    border:none;
}

textarea.admin:focus {
    border-color:#b4b4b4;
    box-shadow:0 6px 6px #b4b4b4; /*-- box-shadow:none|h-shadow v-shadow blur(opt) spread(opt) color |inset|initial|inherit; */
}
select.admin:focus {
    border-color:#b4b4b4;
    box-shadow:0 6px 6px #b4b4b4;
}
div.admin:focus {
    border-color:#b4b4b4;
    box-shadow:0 6px 6px #b4b4b4;
}
input.admin[type='button'] {
    width:auto;
    min-width:50px;
    height:31px !important;
}
input.admin[type='submit'] {
    width:auto;
    min-width:50px;
    height:31px !important;
}
input.admin[type='checkbox'] { /* input */
    min-height:17px;
    max-height:17px;
    border-width:15px;
    margin-top:4px;
    cursor:pointer;
}
input.admin[type='checkbox'][disabled] {
    cursor:not-allowed;
}

div.admin { /* div */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#4d4d4d;
    margin:0 0 0 4px;
    padding-top:0 !important;
    padding-right:6px !important;
    padding-bottom:3px;
    padding-left:6px !important;
    xpadding:0 6px 3px 6px !important;
    width:calc(100% - 18px);  /* was 31px .. was 17px.... changed to 18px*/
    xpadding-left:5px;
}
@media screen and (max-width:%smallScreenSize%px) {
    div.admin {
        width:calc(100% - 18px)!important;
    }
}
.modalpopup div.adminBx {
    width: calc(100% - 11px) !important;
}
p.admin { /* p, a */
    xfont-size:12pt;
    xborder:none;
    xpadding-bottom:4px;
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#4d4d4d;
    margin:0 0 0 4px;
    padding:3px 3px 3px 9px !important;
    width:calc(100% - 19px);
    xpadding-left:5px;
    line-height:1.6em !important;
}
a.admin, a.admin:hover, a.admin:visited, a.admin:active, a.admin:link { /* p, a */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#4d4d4d;
    margin:0 0 0 4px;
    xpadding:0 3px 6px 6px !important;
    width:calc(100% - 27px);
    xpadding-left:5px;
    padding:3px 9px 4px 9px;
    xline-height:35px!important; /* Added as an attempt to resolve wrong sized [Add] buttons*/ /* changed from 20px to 35px to try to fix InvoiceOutForm alignments on the Add buttons */
}

.admin div { /* input,button */
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:12pt ;
    font-weight:normal;
    color:#4d4d4d;
    margin:0;
    padding:0 !important;
}
.admin p {
    margin:0 0 1px 0;
    padding:6px 0 6px 0 !important;
    line-height:24px;
}
.admin p * >  sup, .admin p > sup {
    line-height:13px;
}
.admin p * >  sub, .admin p > sub {
    line-height:13px;
}
#taskApprovers.toolbarExtension {
    position:relative;
    float:left;
    min-width:300px;
    padding-left:6px;
}
table.toolbarExtension { /* table */
    font-size:13pt;
    color:#313B65;
    border:none;
    margin-top:-9px;
}


.floatawayUp {
    /*position:fixed;*/
    visibility:hidden;
    /*top:-100px;*/
    /*opacity:0;*/
    z-index:999999;
    /*width:90% !important;*/
    /*border-color:#b4b4b4;*/
    /*box-shadow:0 6px 6px #b4b4b4;*/
    /* @keyframes duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name */
    animation:4s ease-in-out 0.5s 1 floatawayAnimationUpv2 forwards;
}

@keyframes floatawayAnimationUpv2 {
    0%  {
        top:-100px;
        opacity:0;
        visibility:visible;
    }
    5% {
        top:1vh;
        opacity:1;
    }
    90% {
        top:1vh;
        opacity:1;
    }
    95% {
        top:0;
        opacity:0;
    }
    100% {
        top:-1000px;
        opacity:0;
        display:none;
    }
}
.responseMsg {
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
    position:absolute; /* DBFlag was fixed. Changed to allow use in modal updates */
    z-index:9005;
    width:calc(80vw - 20px) !important; /* Was 80%; Was 50vw but changed to 80vw to work better on thin screens*/
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    font-size:16pt !important;
    background-color:#e1f3f8;
    color:black;
    /*font-weight:bold;*/
    min-height:60px;
    top:1vh!important;
    xleft:60% !important; /* was 0; */
    margin-top:20px;
    xmargin-left:10%;
    xmargin-right:10%;
    border-color:#b4b4b4;
    box-shadow:0 3px 3px #b4b4b4;
    padding-top:0;
}
.responseMsg > outer {
    padding:15px !important;
}

.circledTx4 { /* span */ /* Use for numbers 0-99 */
    display:inline-block;
    border-radius:50%;
    width:fit-content;
    height:14px;
    padding:3px 3px 0 3px!important;
    background:#c4040c!important;
    border:1px solid #c4040c;
    color:white!important;
    text-align:center;
    font-size:55%!important;
    cursor:pointer;
    min-width:9px;
    white-space:nowrap;
    line-height:12px;
    xmargin-left:-78px;
    margin-top:0;
    vertical-align: top;
}
.circledTx4b { /* span */ /* Use for numbers 100+ */
    display:inline-block;
    border-radius:50%;
    width:fit-content;
    height:14px;
    padding:3px 1px 0 1px!important;
    background:#c4040c!important;
    border:1px solid #c4040c;
    color:white!important;
    text-align:center;
    font-size:55%!important;
    cursor:pointer;
    min-width:9px;
    white-space:nowrap;
    line-height:12px;
    xmargin-left:-78px;
    margin-top:0;
    vertical-align: top;
}
.circledTx4_collapsed {
    xmargin-left:-26px!important;
    margin-right:-8px!important;
}
.sidebarlisticon {
    border:solid 2.9px grey;
    border-radius:33px;
    width:16px;
    min-width:16px;
    margin-right:15px;
    margin-left:-1px;
    padding:0 5px 0 4px;
    display:inline-block;
    font-size:80%;
    overflow:hidden;
    vertical-align:bottom;
    font-weight:600;
    line-height:24px;
    text-align:center;
}
.clientVisible0 * .sidebarlisticon {
    border-color:#7f9cc2;
}

.smallCircle2 {
    position:relative;
    top:-6px;
    right:-15px;
    z-index:99!important;
    background-color:#cb0017;
    color:white;
    border-radius:50%;
    min-width:27px !important;
    text-align:center;
    display:inline-block;
    margin:0;
    font-size:83%;
}

.fieldinput {
    min-height:23px; /* 31px; */
}
.forminput {
    padding:0;
}
.formfieldrow {
    padding:0;
}
.forminputfield {
    text-align:left;
    xwidth:calc(100% - 30px);
    max-width:unset;
}
.forminputfield p, .forminputfieldDisabled p {
    margin-bottom:0!important;
}
/* --------------------------------------------------- */
@media screen and (min-width:769px) { /* big screen */
    .formpanel {
        float:left;
        width:690px;
        overflow:auto;
        margin:0 5px 5px 0;
        padding:5px;
        xmin-height:90%;
    }
    .formpanelright {
        margin:0 15px 0 0;
        /*min-height:95%;*/
        padding:5px;
        min-width:400px;
        overflow:auto;
        min-height:20%;
    }
    .formpanelrightright {
        float:left;
        margin-right:5px;
    }
    .forminput {
        display:table;
        position:relative;
        width:100%;
        max-width:690px;
    }
    .forminput2 {
        display:table;
        position:relative;
        float:left;
        width:41%;
    }
    .forminput3 {
        display:table;
        position:relative;
        float:left;
        width:20%;
        margin:0; <!--5px 0 5px 0; -->
    }
    .forminputlabel {
        display:table-cell;
        width:1px;
        min-width:185px; /* 180 */
        padding-top:2px;
        padding-right:10px;
        vertical-align:top;
        xheight:28px;
    }
    .forminputfield {
        display:table-cell;
        min-width:140px !important;
        width:100%;
        float:left;
        vertical-align:top;
    }
    .forminputfield2 {
        display:table-cell;
        white-space:nowrap;
        xmin-width:163px !important;
        min-width:100px !important;
    }
    .forminputfield3 {
        display:table-cell;
        white-space:nowrap;
        max-width:100px !important;
    }
    .forminputfield_dt {
        display:table-cell;
    }
    .forminputfield_tm {
        xdisplay:table-cell;
        width:75px !important;
    }
    .notfirstfield {
        text-align:right;
        min-width:10px;
        padding-left:30px;
    }
    .formfieldrow {
        clear:both;
        width:100%;
        max-width:690px;
        min-height:30px;
        margin:7px 0 1px 0;
    }
    .forminputfield_num2 {
        max-width:90px;
    }
    .forminputfield_num3 {
        max-width:120px;
    }
    .issuebuttons {
        text-align:center;
        padding-left:5px;
    }
    .formPaneOuterRight {
        xborder-left:solid 1pt #cfcfcf;
        padding-left:5px;
        padding-right:20px;
        overflow:auto;
    }
    div.forminputfield.admin {
        margin-left:4px;
    }
}


.toolbarWidth {
    width:25px;
}
.listfilters {
    flex:25%;
    order:2;
    padding:2px 25px 2px 2px;
    text-align:left;
}
.listfiltersright {
    flex:50%;
    order:3;
    padding:2px 25px 2px 2px;
    -webkit-align-items:right;
    align-items:right;
}
@media screen and (max-width:675px) {
    .listfilters {
        order:3;
        width:100%;
        xbackground-color:#efebe5;
    }
    .listfiltersright {
        order:2;
        right:0;
    }
}
.filtergo {
}

.lessbutton {
    padding-right:0;
    width:60px;
    max-width:60px;
    min-width:60px;
}
.morebutton {
    padding-right:0;
    width:75px;
    max-width:75px;
    min-width:75px !important;
    align:right;
}
.dotdotdotbut {
    width:22px !important;
    max-width:22px !important;
    min-width:22px !important;
    line-height:normal !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:0 !important;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    height:19px !important;
}
.addbut { /* Also see .plusminusbut */
    /*height:17px !important;*/
    /*padding-top:6px;*/
    /*width:40px;*/
    /*max-width:50px;*/
    /*min-width:50px !important;*/
    /*float:right;*/
    /*line-height:20px !important;*/
    /*cursor:pointer;*/
    /*margin-left:10px !important;*/
    /*padding-bottom:6px!important;*/
}
/*.plusminusbut { ... see style2018a.css
/*    width:30px !important;*/
/*    max-width:30px !important;*/
/*    min-width:30px !important;*/
/*    cursor:pointer;*/
/*    line-height:12pt !important;*/
/*    height:20px !important;*/
/*    max-height:30px;*/
/*    min-height:30px;*/
/*    padding-top:5px!important;*/
/*    padding-bottom:6px!important;*/
/*}*/
.toolbarextension {
    position:relative;
    float:left;
    min-width:300px;
    padding-left:6px;
}
.toolbarextension > table {
    padding-left:10px;
}
.tablecell2 {
    display: table-cell;
}
/* Toolbox */
.qtoolbar_row {
    white-space:nowrap;
    vertical-align:top;
}
.doTallToolbar, .doShortToolbar {
    display:inline-block;
}
.qtoolbarbox {
    display:inline-block;
    font-size:10pt;
    width:85px;
    height:65px;
    border:solid 1px #c0c0c0;
    background-color:white;
    margin:0 4px 5px 0;
    padding:5px 0;
    cursor:pointer !important;
    text-align:center;
    vertical-align:top;
    white-space:normal;
    line-height:11pt;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
    user-select:none;
}
.qtoolbarbox:hover {
    background-color:#f2f2f2;
}
.qtoolbarimg {
    display:block;
}
.qtoolbarboxShort {
    width:37px !important;
    height:25px !important;
    overflow:hidden;
}
.qtoolbarlabel {
    display:block;
}
.qdragger {
    cursor:ew-resize;
    background-color:#9e9b9b;
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'>\
    <path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/>\
    </svg>");
    background-repeat: no-repeat;
    background-position: center;
    xbackground-color:red;
    height:100%;
    width:4px;
    margin:0 0 0 -2px; /* -2 is important for when the dragger is 100% right and you need to pull it back */
    padding:0;
    position:absolute;
    float:left;
    opacity:0.5;
    z-index:999;
}
.qdraggerHandle {
    background-color: #d1cece;
    position:relative;
    top:3px;
    left:-40px;
    width:40px;
    height:20px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border:solid 2px #9e9b9b;
}

.toolbarset {
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
}
.preloader {
    position:fixed;
    background-color:#f1f1f1;
    width:100vw;
    height:100vh;
    z-index:9999;
    padding-top:0; /* was 73px */
    margin-top:0; /* was 33px */
    background-image:url('https://qsafe.quorrasoft.com/images/hourglass2.svg%');
    background-repeat:no-repeat;
    background-position:center center;
    overflow:hidden;
}

.qwrapper {
    display:-ms-grid;
    display:grid;
    height:calc(100vh);
    width:100vw;
    margin:0;
    -ms-flex-line-pack:start;
    -ms-grid-columns:185px 1fr 1fr;
    -ms-grid-rows:auto auto   auto auto   1fr auto;
    align-content:start;
    grid-template-columns:185px 1fr 1fr;
    grid-template-rows:auto auto   auto auto   1fr auto;
    grid-template-areas:
            "qheader  qheader qheader"
            "qheading qheading qheading"
            "qsidebar qtoolbar qtoolbar"
            "qsidebar qmaintabs qmainrighttabs"
            "qsidebar qmain qmainright"
            "qfoot qfoot qfoot"
;
}
.qwrapper_edit_sidebar {
    display:-ms-grid;
    display:grid;
    height:calc(100vh);
    width:100vw;
    margin:0;
    -ms-flex-line-pack:start;
    align-content:start;
    -ms-grid-columns:185px 1fr 1fr;
    grid-template-columns:185px 1fr 1fr;
    -ms-grid-rows:auto auto   auto auto   1fr auto;
    grid-template-rows:auto auto   auto auto   1fr auto;
    grid-template-areas:
            "qheader  qheader qheader"
            "qheading qheading qheading"
            "qsidebar qtoolbar qtoolbar"
            "qsidebar qmaintabs qmainrighttabs"
            "qsidebar qmain qmainright"
            "qfoot qfoot qfoot";
}
.qwrapper_hide_rhs_nosidebar {
    -ms-grid-columns:0 1fr 0 !important;
    grid-template-columns:0 1fr 0 !important;
}
.qwrapper_hide_rhs {
    -ms-grid-columns:185px 1fr 0 !important;
    grid-template-columns:185px 1fr 0 !important;
}
.qwrapper_hide_rhs_nosidebar {
    -ms-grid-columns:0 1fr 0 !important;
    grid-template-columns:0 1fr 0 !important;
}
@media screen and (max-width:950px) {
    .qwrapper_hide_rhs {
        -ms-grid-columns:68px 1fr 0 !important;
        grid-template-columns:68px 1fr 0 !important;
    }
}
@media screen and (max-width:650px) {
    .qwrapper_hide_rhs {
        -ms-grid-columns:1fr !important;
        grid-template-columns:1fr !important;
    }
    .qwrapper_hide_rhs_nosidebar {
        -ms-grid-columns:1fr !important;
        grid-template-columns:1fr !important;
    }
}
.qwrapper_edit_nosidebar {
    display:-ms-grid;
    display:grid;
    height:calc(100vh);
    width:100vw;
    margin:0;
    -ms-flex-line-pack:start;
    align-content:start;
    -ms-grid-columns:0 1fr 1fr;
    grid-template-columns:0 1fr 1fr;
    -ms-grid-rows:auto auto   auto auto   1fr auto;
    grid-template-rows:auto auto   auto auto   1fr auto;
    grid-template-areas:
            "qheader  qheader qheader"
            "qheading qheading qheading"
            "qsidebar qtoolbar qtoolbar"
            "qsidebar qmaintabs qmainrighttabs"
            "qsidebar qmain qmainright"
            "qfoot qfoot qfoot";
}
.qwrapper_list_sidebar {
    display:-ms-grid;
    display:grid;
    height:calc(100vh);
    width:100vw;
    margin:0;
    -ms-flex-line-pack:start;
    align-content:start;
    -ms-grid-columns:185px 1fr 0;
    grid-template-columns:185px 1fr 0;
    -ms-grid-rows:auto auto   auto auto   1fr auto;
    grid-template-rows:auto auto   auto auto   1fr auto;
    grid-template-areas:
            "qheader  qheader qheader"
            "qheading qheading qheading"
            "qsidebar qtoolbar qtoolbar"
            "qsidebar qmaintabs qmainrighttabs"
            "qsidebar qmain qmainright"
            "qfoot qfoot qfoot";
}
@media screen and (max-width:950px) {
    .qwrapper_list_sidebar {
        -ms-grid-columns:68px 1fr 0;
        grid-template-columns:68px 1fr 0;
    }
}
.qwrapper_list_nosidebar {
    display:-ms-grid;
    display:grid;
    height:calc(100vh);
    width:100vw;
    margin:0;
    -ms-flex-line-pack:start;
    align-content:start;

    -ms-grid-columns:0 1fr 0;

    grid-template-columns:0 1fr 0;

    -ms-grid-rows:auto auto   auto auto   1fr auto;

    grid-template-rows:auto auto   auto auto   1fr auto;

    grid-template-areas:
            "qheader  qheader qheader"
            "qheading qheading qheading"
            "qsidebar qtoolbar qtoolbar"
            "qsidebar qmaintabs qmainrighttabs"
            "qsidebar qmain qmainright"
            "qfoot qfoot qfoot";
}
.qheader {
    -ms-grid-row:1;
    -ms-grid-column:1;
    -ms-grid-column-span:3;
    grid-area:qheader;
    background-color:#ededed;
    xpadding-left:10px;
    xpadding-right:10px;
}
.qheading {
    -ms-grid-row:2;
    -ms-grid-column:1;
    -ms-grid-column-span:3;
    grid-area:qheading;
    background-color:#B8C2CF;
    color:white;
    padding:10px;
}
.qsidebar1 {
    -ms-grid-row:3;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
    grid-area:qsidebar;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
    overflow-Y:auto;
    overflow-X:hidden;
    background-color:#fbfbfb;
    padding:10px 10px 0 10px;
    border-right:solid 1px #e3e3e3;
}
.sidebarLabel {
    color:white!important;
    margin-top:20px;
}
.qtoolbar {
    -ms-grid-row:3;
    -ms-grid-column:2;
    -ms-grid-column-span:2;
    grid-area:qtoolbar;
    overflow:auto;
    overflow-y:hidden;
    background-color: #f7f7f7;
    border-bottom:solid 1pt black;
    padding:4px 0 4px 0;
}
.qbtoolbarimg {
    height:35px;
}
.qmaintabs {
    -ms-grid-row:4;
    -ms-grid-column:2;
    grid-area:qmaintabs;
    xpadding-left:6px;
    overflow:auto;
}
.qmaintabsX {
    padding-left:6px;
    overflow:auto;
}
.qmainrighttabs {
    -ms-grid-row:4;
    -ms-grid-column:3;
    grid-area:qmainrighttabs;
    xpadding-left:6px;
    overflow:auto;
}
.qmain {
    -ms-grid-row:5;
    -ms-grid-column:2;
    grid-area:qmain;
    overflow-y:auto;
    overflow-x:auto; /* Required for lists */
    xpadding-left:6px;
}
.qmainright {
    -ms-grid-row:5;
    -ms-grid-column:3;
    grid-area:qmainright;
    overflow:auto;
    padding-left:7px;
    z-index:99;
    background-color:white;
}
.qfoot {
    -ms-grid-row:1;
    -ms-grid-column:1;
    -ms-grid-column-span:3;
    grid-area:qfoot;
    background-color: #adabab;
    color:white;
    padding-left:8px;
    font-size:9pt;
    white-space:nowrap;
}
.qfoot > div {
    font-size:9pt;
}
@media screen and (max-width:%smallScreenSize%px) {
    .qfoot > div:nth-child(2) {
        display:none;
    }
}
.qfoot > div > a {
    font-size:9pt;
    color:white;
}
.qmainTabinnerLower {
    padding-bottom:50px;
}
#qmainright_content {
    padding-left:20px;
}
.qmain_report {
    xpadding-left:10px;
    padding-bottom:0; /* Was 50px; but changed to 0 as document folders looks better */
}
.sidebaricon {
    white-space:nowrap;
    display:block;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.qsidebar2 {
    position:fixed;
    background-color:#fbfbfb;
    overflow:auto;
    padding:10px;
    left:0;
    border-right:solid 1pt grey;
    z-index:9;
    width:fit-content;
    box-shadow:10px 0 5px -6px #888;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
    border-right:solid 1px #e3e3e3;
}
.qsidebar2a > a > .qbtn {
    overflow:unset;
}
.qbtntx {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.qoffscreen {
    position:absolute;
    left:-400px;
}
.qonscreen {
    position:absolute;
    left:0;
}
.qbtn_thin {
    width:25px !important;
    overflow:hidden;
}
/*.smallscreenarrowcontrols {*/
/*    xxdisplay:inline;*/
/*    color:red;*/
/*}*/
.arrowright {
    float:left;
    /*transform:             rotate( -360deg );*/
    /*-moz-transform:    rotate( -360deg );*/
    /*-ms-transform:     rotate( -360deg );*/
    /*-o-transform:      rotate( -360deg );*/
    /*-webkit-transform: rotate( -360deg );*/
    transition:         transform 550ms ease;
    -moz-transition:    -moz-transform 550ms ease;
    -ms-transition:     -ms-transform 550ms ease;
    -o-transition:      -o-transform 550ms ease;
    -webkit-transition: -webkit-transform 550ms ease;
    -webkit-transform: rotate( 90deg );
    -moz-transform: rotate( 90deg );
    -o-transform: rotate( 90deg );
    -ms-transform: rotate( 90deg );
    transform: rotate( 90deg );
}
.arrowflipped {
    -webkit-transform: rotate( 0deg );
    -moz-transform: rotate( 0deg );
    -o-transform: rotate( 0deg );
    -ms-transform: rotate( 0deg );
    transform: rotate( 0deg );
}
.qbtn_thin > .material-icons {
    padding-right:20px !important;
}


@media screen and (max-width:950px) {
    /* Small to medium screen */

    /*div.admin {*/
    /*    width:calc(100% - 17px); !* Changed from 19px *!*/
    /*    margin:0 0 0 4px; !* changed from 0 to 0 0 0 4 to make New Contact work and changed back to make Add Folder work  *!*/
    /*}*/
    .largescreenarrowcontrols {
        xdisplay:inline;
        -webkit-transform: rotate( -180deg );
        -moz-transform: rotate( -180deg );
        -o-transform: rotate( -180deg );
        -ms-transform: rotate( -180deg );
        transform: rotate( -180deg );
    }
    /*.smallscreenarrowcontrols {*/
    /*    display:none;*/
    /*}*/
    .qsidebar1 {
        xbackground-color:#d3d8df;
        overflow-x:hidden;
    }
    .qwrapper {
    }
    .qbtn {
        xwidth:25px;
        xoverflow:hidden;
    }
    .qbtn_thin > .material-icons {
        padding-right:20px !important;
    }
}
.sidey > div > i {
    margin-right:10px;
    vertical-align:bottom;
}
.qbtnX {
    display:inline-block;
    margin-top:5px;
    vertical-align:top;
    xbackground-color:#f5f5f5;
    width:90%;
    color:white;
    cursor:pointer;
    padding:6px;
    white-space:nowrap;
    transition:all 0.25s ease-in-out 0s;
}
.qbtnX > .material-icons {
    transition:all 0.25s ease-in-out 0s;
}
.qbtnX > i {
    padding-top:0;
}
.qbtn > i, .qbtnX > i  {
    padding-right:20px;
    width:25px;
}
.qbtn2 {
    padding:6px !important;
    margin-top:5px;
}
.qbtnX:hover {
    background-color:#e8e8e8;
    color: #8b8b8b !important;
}
.qbtnX:hover > .material-icons {
    color: #8b8b8b !important;
}
.qmainrightInner {
    padding-left:40px;
}



@media screen and (min-width:650px) {
    .qmain {
        padding-right:40px;
    }
}
.nopaddingRight {
    padding-right:0 !important;
}


@media screen and (max-width:650px) {
    /* Small screen */
    .qsidebar1 {
        display:none !important;
    }

    #dragger {
        display:none;
    }

    .qwrapper, .qwrapper_edit_sidebar, .qwrapper_edit_nosidebar {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:auto auto auto auto 1fr auto;
        grid-template-rows:auto auto auto auto 1fr auto;
        grid-template-areas:"qheader" "qheading" "qtoolbar" "qmaintabs" "qmain" "qfoot";
    }

    .qmain {
        xpadding-left:6px;
        margin-right:0;
        overflow:auto;
    }

    .qbtn {
        display:table-cell;
        xwidth:25px;
        xmax-width:25px;
        margin-right:10px;
        xborder-right:solid 1pt black;
        overflow:hidden;
        color:white;
    }

    .qsidey {
        width:auto;
        overflow-x:hidden;
    }

    .qsidebar1a, .qsidebar2a {
        display:table-row;
    }

    .qheader {
        -ms-grid-row:1;
        -ms-grid-column:1;
        -ms-grid-column-span:1;
    }

    .qheading {
        -ms-grid-row:2;
        -ms-grid-column:1;
        -ms-grid-column-span:1;
    }

    .qtoolbar {
        -ms-grid-row:3;
        -ms-grid-column:1;
        -ms-grid-column-span:1;
    }

    .qmaintabs {
        -ms-grid-row:4;
        -ms-grid-column:1;
    }

    .qmain {
        -ms-grid-row:5;
        -ms-grid-column:1;
    }
}

/*Form fields */

.aforminput {
    display:table-row;
    width:calc(100% - 0);
}
.aforminput > .aforminputfield {
    width:100%;
}
.aforminput > select {
    width:1%;
}
.aforminput {
    display:table;
    position:relative;
    width:100%;
}
.aforminputlabel {
    display:table-cell;
    width:1px;
    min-width:185px; /* 180 */
    max-width:200px;
    padding-top:5px;
    padding-right:10px;
    vertical-align:top;
    xheight:28px;
    xwhite-space:nowrap;
    background-color:white;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.aforminputlabel2 {
    min-width:200px !important;
}
.aforminputfield {
    display:table-cell;
    width:100%;
    min-width:120px;
    vertical-align:top;
    margin-bottom:2px;
}
.modalContent .aforminputfield {
    max-width:500px; /* Trying to deal with long PRE fields that don't wrap on Issue TO-DO popups */
}
.forminputfield_tm {
}
.aforminputfield2by2 {
    width:50%;
}
.aforminputfield_tm {
    xborder-right:none !important;
}
.aforminputfield_dt_neighbour {
    width:139px !important;
}
input[type="button"],input[type="submit"] {
    -webkit-appearance:none;
}
.aforminputfield > input[type="button"] {
    xdisplay:table-cell;
    -webkit-appearance:none;
}
.aforminputfieldbutton {
    min-width:auto !important;
}
.aformfieldrow > .table {
    width:100%;
}
.amandatory {
    background-image:url('https://qsafe.quorrasoft.com/images/redtriangle.gif');
    background-repeat:no-repeat;
    background-position:right 5px top 5px;
}
.acellgroup {
    xdisplay:table-row;
    vertical-align:top;
    padding-top:2px;
}
.modalpopup .acellgroup {
    padding-bottom:12px; /* Not sure why - but this makes Add Folder look better */
}
.contenteditable {
    width:100%;
    height:100%;
    cursor:text;
    min-height:60px;
}
.aforminputfieldcheckbox {
    margin-right:20px;
    line-height:32px;
}
.aforminputfieldccy {
    width:71px !important;
    min-width:70px !important;
    max-width:70px !important;
    xtext-align:left; /* turned off as Expenses wasn't looking correct */
}
select.aforminputfieldccy {
    min-width:70px;
    min-height:32px;
    max-height:32px;
}
.aforminputfield_tz {
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    text-align:left;
    padding-left:10px !important;
}
.aforminputfield > .aforminputfieldccy + input {
    display:inline;
    xwidth:calc(100% - 74px) !important; /* 86 was 100% - 186px ... changed to 100% - 74px*/
    min-width:calc(100% - 86px) !important;
    padding-left:7px !important;
    height:27px;
}
.aforminputfieldccy + input {
    display:inline;
    width:calc(100% - 186px) !important; /* 86 */
    min-width:calc(100% - 86px) !important;
    max-width:116px;
    padding-left:7px !important;
}
@media screen and (max-width:767px) {
    .aforminputfieldccy + input {
        display:inline;
        width:calc(100% - 186px) !important; /* 86 */
        min-width:calc(100% - 90px) !important;
        padding-left:7px !important;
    }
    .aforminputfield > .aforminputfieldccy + input {
        display:inline;
        width:calc(100% - 186px) !important; /* 86 */
        min-width:calc(100% - 84px) !important;
        padding-left:7px !important;
    }
}
#ExpenseTm_field {
    padding-right:4px;
}
#CapLccyAmt_field,#CapBccyAmt_field {
    max-width:250px;
}
.acellgroupExtended > .aforminputlabelExtended + #CapLccyAmt_input > .aforminputfield {
    width:calc(100% - 17px) important;
}
#CapLccyAmt_input {
    xwidth:74%;
}
@media screen and (max-width:%smallScreenSize%px) { /* Was 768 but changed to match other small screen plays */
    /* Small screen */
    .forminputfield_CapLccyAmt {
        max-width: calc(100% - 20px) !important;
    }
    .aforminputfieldbuttons {
        padding-right:0;
    }
}
.aforminputfieldbutton {
    padding-left:10px;
}
.aforminputfieldbuttons {
    width:1%;
    display:table-cell;
    padding-right:4px;
    white-space:nowrap;
    padding:0;
}
.aforminputfield2label {
    width:1%;
    min-width:1%;
    white-space:nowrap;
    padding-left:10px;
}
.aforminputfield2 {
}
.aformfieldrow {
    xdisplay:table;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfield2 {
    text-align:left !important;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfieldccy + .aforminputfield3   {
    display:inline-block;
    width:30%;
    min-width:30%;
    max-width:30%;
    white-space:nowrap;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfieldccy + .aforminputfield3 + .aforminputfield3  {
    display:table-cell;
    width:33%;
    min-width:33%;
    max-width:33%;
    white-space:nowrap;
    text-align:right;
    padding-left:10px;
}
.aforminputfield3 > input {
    max-width:1%;
    min-width:95px;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfield2  {
    width:200px !important;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfield2 + .aforminputlabel  {
    text-align:right;
}
.aformfieldrow > .aforminput > .aforminputlabel + .aforminputfield2 + .aforminputfield2 > input[type="time"]  {
    min-width:73px;
    max-width:73px;
}
.aforminputfieldbuttons > .aformfieldside2side > a > .material-icons {
    xvertical-align: top;
}
input[type="time"] {
    min-width:93px;
    max-width:93px;
    padding-bottom:4px;
    padding-top:4px;
    padding-left:8px;
    font-size:11pt;
}
::-webkit-datetime-edit-second-field {
    background: white;
    color: transparent;
    margin-left: -3px;
    position: absolute;
    width: 1px;
}
.acellgroup40 {
    width:40vw;
}
.aformfieldrow > .aforminput > .acellgroup + .acellgroup > .aforminputlabel,
.aformfieldrow > .aforminput > .acellgroup + .acellgroupspacer + .acellgroup  > .aforminputlabel {
    min-width:auto;
    padding-left:24px;
    white-space:nowrap;
}
.aformfieldrow > .aforminput > .acellgroup > .aforminputlabel + .aforminputfieldccy {
    width:10px !important;
}
.aformfieldrow > .aforminput > .acellgroup > .aforminputlabel + .aforminputfieldccy + .aforminputfield {
    width:100%;
    padding-left:6px;
}
.aforminputtime {
    white-space:nowrap;
}
.inputfield {
    width:calc(100% - 50px);
}
.aformfieldrow > .aforminput > .acellgroup + .acellgroupspacer + .acellgroup  > .aforminputlabel + .aforminputtime {
    width:50vw !important;
    min-width:120px !important;
    padding-right:10px;
}
.modalContent > .aformfieldrow > .aforminput > .acellgroup  > .aforminputlabel + .aforminputfield > .tcal {
    min-width:calc(100% - 44px) !important;
    width:calc(100% - 44px) !important; /* See Add Resource Start & End dates on ProjectForm */
}
.aformfieldrow > .aforminput > .acellgroup + .acellgroupspacer + .acellgroup  {
    width:40%;
}
.aformfieldrow > .aforminput > .acellgroup + .acellgroupspacer + .acellgroup  > .aforminputlabel + .aforminputfield > .tcal {
    min-width:calc(100% - 44px) !important;
    width:calc(100% - 5px) !important; /* Was 5px changed to 44px*/
}
.leftside {
    min-width:auto !important;
    line-height:28.5px; /* Fixes vertical misalignment for CCY+AMT pairs -> 38px */
}
.leftside > select {
    background-color: #efebeb !important;
    line-height:28px;
    margin-bottom:2px;
    padding-top:2px;
}
.leftside > input[type="time"] {
    line-height:21px;
    margin-bottom:2px;
}
.acellgroup > .aforminputlabel + .aforminputtime > select {
    width:calc(100% - 99px) !important;
    display:inline;
    padding-left:6px!important;
}
.aformfieldrow > .aforminput > .acellgroup + .acellgroup > .aforminputlabel + .aforminputfield {
    width:100% !important;
    max-width:100% !important;
    margin-left:10px;
}
.acellgroupspacer {
    width:10px !important;
    min-width:3px !important;
    display:table-cell;
}
.aformfieldside2side > a { /* Added as Company Form [Add] button on Parent Account was looking wrong */
    xpadding-top:5px !important;
    line-height:32px!important;
    xpadding-bottom:3px !important;
    padding:4px!important;
}
.qmainThin {
    padding-right:10px;
}
.acellgroupExtended, .acellgroupExtendedForced {
    display:table !important;
    text-align:left !important;
    width:calc(100% - 4px)!important;
    max-width:unset !important;
}
.acellgroupspacerExtended {
    display:table-row !important;
}
.aforminputlabelExtended, .aforminputlabelExtendedForced {
    display:table-row !important;
    text-align:left !important;
    width:100% !important;
}
.aforminputlabelExtended > nobr {
    padding-left:5px;
}
.aforminputfieldExtended {
    display:table-row !important;
    width:100% !important;
    min-width:120px;
}
.acellgroup > .aforminputlabel + .aforminputfield > input[type='button'] {
    width:50% !important;
}
.aforminputfullwidth {
    min-width:auto;
    text-align:left;
}
@media screen and (min-width:%smallScreenSize%px) {
    /* Big screen */
    .aformfieldrow > .aforminput + .aforminput  {
        display:inline;
    }
    .aformfieldrow > .aforminput + .aforminput > .aforminputlabel {
    }
    .aforminputfieldbuttons > .aforminputfield {
        min-width:unset;
    }
    .aforminput > .aforminputlabel, .aforminput > .acellgroup > .aforminputlabel {
        width:185px;
        text-align:right;
    }
    .aformfieldrow > .aforminput > .acellgroup > .aforminputlabel + .aforminputfieldccy {
        width:7vw !important;
        max-width:50vw !important;
    }
    .aformfieldrow {
        width:100%;
        max-width:900px;
        margin-bottom:12px;
    }
    .aforminput > .aforminputlabel:nth-of-type(3) {
        text-align:left;
        width:auto;
        min-width:auto;
        white-space:nowrap;
        padding-left:10px;
    }
    .aformfieldtable {
        display:table;
        width:calc(100% - 30px);
    }
}


/* Form fields Small screen */
@media screen and (max-width:%smallScreenSize%px) { /* 700 changed to 610 to allow Usage... button modal to work */
    /* Small screen */
    /*.admin {*/
    /*    margin-left:0;*/
    /*}*/
    .adminBx {
        margin-left:4px !important;
        max-width:calc(100% - 23px); /* 17px changed to 23px */
    }
    select.admin {
        width:calc(100% - 8px); /* 5px changed to 8px */
    }
    input.admin[type='text'], [type='tel'], [type='search'], [type='password']  {
        width:calc(100% - 14px)!important;
    }
    input.admin[type='email'] {
        width:calc(100% - 25px)!important;
    }
    select.admin {
        width:calc(100% - 10px)!important;
    }
    .aforminputlabeldate2 {
        display:inline-block !important;
        min-width:20% !important;
        text-align:right !important;
    }
    .aforminputlabeldate2 + .aforminputfield {
        width:170px;
    }
    .aformfieldrow > .aforminput > .aforminputfield > select {
    }
    .aforminputfieldccy + .aforminputfield > input {
        margin-left:5px;
        width:calc(100% - 18px) !important;
    }
    .aformfieldrow {
        width:100%;
        clear:both;
        /*border-bottom:solid 1pt #d9d5d5;*/
        padding-bottom:14px;
        margin-left:4px;
    }
    .aforminputfield {
        width:calc(100% - 10px);
        min-width:120px;
    }
    .aforminputlabel {
        font-size:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif; /* was 11pt;*/
        display:table-row;
        clear:both;
        width:100%;
        min-width:185px; /* 180 */
        padding-left:0; /* 7px done to match select indents */
        padding-right:10px;
        vertical-align:bottom;
        white-space:nowrap;
        text-align:left;
        line-height:28px;
    }
    .aforminputfieldbuttons > .aforminputfield {
        min-width:unset;
    }
}

/*Tabby */
.tabbyContainer, .StabbyContainer {
    overflow-x:scroll;
    overflow-y:hidden;
    padding-top:2px;
    padding-bottom:2px;
    width:100%;
    border-top:solid 6px white;
    border-bottom:solid 3pt #%stripeCol%;
    height:50px; /* Edge and IE */
}
.tabbyContainer:not(*:root), .StabbyContainer:not(*:root) { /* Chrome */
    height:40px;
}
.tabHeadBlockSpacer {
    display:table-cell;
    width:6px;
}
.tabbyTab, .StabbyTab {
    font-size:12pt;
    display:table-cell;
    background-color:#9e9e9e;
    color:white;
    padding:6px 10px 6px 10px;
    margin-top:10px;
    margin-left:6px;
    margin-right:10px;
    width:1%;
    min-width:64px;
    white-space:nowrap;
    cursor:pointer;
    user-select:none;
}
.helptabby {
    padding:6px 10px 6px 10px;
    background-color:#37373D;
    white-space:nowrap;
    color:white;
}
.tabbySelected, .StabbySelected {
    background-color:#37373D;
    color:white;
}
.tabbySpacer {
    display:table-cell;
    background-color:white;
    width:10px;
    min-width:10px;
    margin:0;
    padding:0;
}
.tabbySpacer99 {
    display:table-cell;
    background-color:white;
}
.tabby, .Stabby {
    width:calc(100% - 10px);
    height:calc(100% - 44px); /* was 100% .. was xheight but this caused problems with Client Invoice iframe */
}
.tabby > div, .tabby > p, .Stabby > div, .Stabby > p {
    padding-left:6px;
}
.qtoolbarimg > .material-icons, .qtoolbarimg > a > .material-icons {
    margin-bottom:8px;
}
.toolbar_approve, .toolbar_submit, .toolbarX_save:hover, .toolbarX_addcircle:hover {
    color:#4ac32d;
}
.toolbarX_deleteforever:hover {
    color:#E32B2B;
}
.toolbar_reject {
    color:#E32B2B;
}
.toolbar_print, .toolbar_template, .toolbar_invoicesreclaim, .toolbar_expensesreclaim {
    color:grey;
}
.toolbar_help {
    color:#11b4ff;
}
.filterLabel {
}
.filterInput {
    width:100% /* calc(100% - 10px) */ !important;
    xmin-width:200px !important;
}
.filterValue {
    wxidth:100%;
}
.filterFieldContainer {
    display: grid;
    padding-right:120px;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: repeat(2, 1fr);
    overflow:hidden;
    justify-content:stretch;
}
.filterField {
    min-width:300px;
    align-self:end;
}
.flex-filtercontainer {
    padding: 0;
    margin: 0;
    list-style: none;

    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
}
.grid-filtercontainer {
    padding: 0;
    margin: 0 5px 0 0;
    list-style: none;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: grid;
    grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));
    -webkit-flex-flow:row wrap;
}
.flex-filteritem {
    padding:0 0 5px 0;
    text-align:left;
    font-weight:bold;
    margin-right:10px;
    list-style-type:none;
}
.grid-filteritem {
    padding:0 0 5px 0;
    text-align:left;
    font-weight:bold;
    list-style-type:none;
}
.flex-filtercolumn0 {}
.grid-filtercolumn0 {
    grid-column:1;
}
.filterInput[type='select'],.filterInput[type='search'],.filterInput[type='input'],.filterInput[type='submit'] {
    min-width:185px !important;
    width:100%;
    min-height:32px!important;
}
@media screen and (max-width:900px) {
    .xfilterInput {
        min-width:calc(100% - 60px) !important;
    }
    .modalpopup > .modalContent > .flex-filtercontainer > .flex-filteritem {
        width:calc(100% - 14px);
    }
}
.alabelcell {
    min-height:22px;
}
.ainputcell {
}
.tcalReportFilter {
    min-width:130px !important;
}
/*.ms-select-all {*/
/*    border-bottom:solid 1pt #c4c4c4;*/
/*}*/
/*.ms-parent {*/
/*    width:calc(100% - 14px);*/
/*}*/
.multiselect > option {
    xdisplay:none;
}
.multiselect_drop {
    padding:6px 20px 6px 6px;
    display:block;
    margin-left:0;
    border:solid 1pt #c4c4c4;
    position:fixed;
    background-color:white;
    min-width:200px;
    min-height:200px;
    overflow:auto;
    max-height:90vh;
    z-index:9999;
}
.multiselect_select {
    text-overflow:ellipsis;
    padding-right:20px;
    width:calc(100% - 22px)!important;
    height:20px!important; /* Was 20px to make Accounts list look right */
    background-color:white!important;
    color:#4d4d4d!important;
}
.multiselect_options {
    overflow:visible;
}
.multiselect_optiontext {
    border:solid 1px white;
    white-space:nowrap;
}
.multiselect_close {
    position:absolute;
    bottom:0;
    right:0;
    background-color:#6ebbff;
    color:white;
    margin:6px;
    padding:10px;
}
.panelContainer {
    margin-left:10px;
    margin-right:10px;
}


#currentProjectList, #findProjectList {
    width:35vw;
    background-color:white;
    border:solid 1px #696969;
    min-height:300px;
    height:calc(100vh - 550px);
    xborder-radius:5px;
    text-align:left;
    padding:6px;
    overflow:scroll;
}
#currentProjectList {
}
#findProjectList {
    margin-left:10px;
}
.findProjectNmRow {
    background-color:#f0eaea;
    border-radius:5px;
    width:calc(100% - 20px);
    margin-bottom:9px;
    padding:6px 10px 6px 10px;
    transition:all 0.5s ease-in-out 0s;
}
.findProjectNmRow:hover {
    background-color:#dbd5d5;
}
.findProjectNmRowSelected, .findProjectsNmRowHighlighted {
    background-color:#0071bc !important;
    color:white!important;
}
#findProjectsTable {
    width:100%;
    min-width:400px;
}
#findProjectNm {
    margin-bottom:9px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:none;
    width:calc(100% - 12px)!important;
}
#findProjectsLabel {
    float:left;
}
#findProjectsField {
    float:left;
    width:calc(100% - 33px);
    margin-left:6px;
}
#findProjectsButton {
    float:left;
    background-color:#f0eaea;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border:solid 1px #d1cece;
    width:25px;
    height:29.5px;
    cursor:pointer !important;
    transition:all 0.5s ease-in-out 0s;
}
#findProjectsButton:hover {
    background-color:#a6a6a6;
    color:white;
}
.findProjectsPopupButtonCol {
    width:5vw;
    max-width:100px;
}
.controlButton {
    background-color:#f0eaea;
    margin:10px;
    padding:10px;
}
.controlButton:hover {
    transition:all 0.5s ease-in-out 0s;
    background-color:#a6a6a6;
    color:white;
}
.smoothMove {
    transition:all 0.5s ease 0s!important;
}
.smoothScroll {
    scroll-behavior: smooth;
}
#draggerHandle {
    transition:opacity 0.5s ease 0s!important;
    opacity:0;
}
.draggerFadedIn {
    opacity:1!important;
}
.overflowHidden {
    overflow:hidden !important;
}

.scroll-box {
}
.scroll-box::-webkit-scrollbar {
    width:.6em;
    height:0.6em;
    margin:10px;
}
.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
    overflow:visible;
    border-radius:4px;
}
.scroll-box::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,.2);
}

.sidebar { /* showPopup */
    position:absolute;
    right:0;
    top:0;
    overflow:auto;
    background-color:white;
    vertical-align:top;
    padding:10px;
    min-width:200px;
    height:100%;
    z-index:999;
}
.closeHGadjust {
    background-color:red;
    margin-left:100px;
}
.collapseableclick  {
    cursor:pointer;
}
.collapseableclick > img {
    width:auto!important;
}
.testFrameDrag {
    border:solid 5px #ffa707;
    background-color: #ffa707;
    border-bottom-left-radius:9px;
    border-top-left-radius:9px;
    position:fixed;
    width:15px;
    height:100px;
    z-index:99999;
    cursor:ew-resize!important;
}
#hideoverlay {
    background-color:grey;
    opacity:0.9;
    position:absolute;
    z-index:99998;
}
.modalContent > * input.admin2[type='text'],input.admin2[type='date'],input.admin2[type='number'],input.admin2[type='email'] {
    width:calc(100% - 5px)!important;
}
.aforminputfieldccyval {
    line-height:20px!important;
}
.edgeL {
    margin-left:-22px;
}

question, answer {
    display: block;
}
question {
    color:#50794d;
    font-weight:600;
    padding-top:20px;
}
question > img {
    padding-right:10px;
}
answer {
    padding-bottom:20px;
    color: #525151;
    margin-left:20px;
}
.aformfieldrow {
    padding-bottom:6px;
}
.smallmi {
    font-size:15pt !important;
    line-height:10px !important;
    vertical-align:super !important;
}

#screenhelp {
    display:block;
    visibility:visible;
    position:absolute;
    background-color:white;
    xheight:90vh;
    overflow:hidden;
}
#screenhelp * p, #screenhelp * li, #screenhelp * td {
    line-height:33px;
}
#screenhelp * li::before {
    padding-top:5px;
}
#screenhelp > table > tbody > tr:nth-child(2) > td {
    padding-top:29px;
}
#screenhelp * .tcal0 {
    padding-right:30px!important;
}
#screenhelp * .button, .modalContent .button {
    display:inline-block;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:0!important;
    margin-right:1px!important;
    padding-top:2px; /* Allows icon buttons to show icon without looking squashed - see ProjectIssues New button */
    padding-bottom:2px;
    line-height:24px;
    height:23px!important;
    min-width:15px!important;
}
#screenhelp > table {
    width:100%;
}
#screenhelp > table > tbody > tr:first-child {
    background-color:#bccbdf;
    color:white;
}
#screenhelp > table > tbody > tr:first-child > td {
    padding:4px;
    text-align:center;
}
#screenhelp > table > tbody > tr:first-child > td:last-child {
    width:1px;
    color:white;
    background-color:inherit;
    cursor:pointer;
}
#screenhelp * sup {
    display:inline-block;
    line-height:17px;
}
#screenhelp {
    max-width:100%;
}
#screenhelp > img, #screenhelp * > img {
    width:calc(100% - 40px);
    max-width:600px;
}

#screenhelp button:hover, .screenhelp.button:hover {
    background-color:#EEEEEE!important;
    cursor:pointer;
}
#screenhelp * h1 {
    border-top:solid 1px black;
}
#screenhelp * h1 {
    margin-top:50px;
}
#screenhelp * h2, #screenhelp * h3, #screenhelp * h4 {
    margin-top:25px;
}
.notoc > h1 {
    border-top:none!important;
    margin-top:-6px!important;
}
.helpcontent {
    height:calc(90vh - 97px);
    cursor:default;
    overflow:auto;
    padding:10px;
    scroll-behavior: smooth;
}
.toc {
    height:fit-content;
    position:absolute;
    width:calc(100% - 30px);
    left:0;
    top:37px;
    overflow:hidden;
    text-align:right;
    padding-right:30px;
    padding-bottom:10px;
    display:block;
    background-color: #f3f3f3;
    box-shadow:-7px -1px 11px -3px rgb(22 22 22 / 62%);
    z-index:99;
}
.tocHid {
    height:20px!important;
    overflow: hidden;
}
.tocTop {
    transition:all 0.5s ease 0s;
    position:absolute;
    right:50px;
    bottom:50px;
    background-color: #c5c5de;
    opacity: 0.2;
    color:white;
    width:40px;
    height:40px;
    padding:0;
    border-radius:15px;
    cursor:pointer;
}
.tocTop:hover {
    opacity:0.9;
}
/* usage slides */
    .screenhelp .button {
        min-width:unset!important;
    }
    .usage {
        width:calc(100% - 43px)!important;
        height:calc(100vh - 262px)!important;
        overflow-y:auto;
        overflow-x:hidden;
        border:solid 1px #eae9e9;
        padding:5px;
    }
    .usage .admin {
        margin-left:0!important;
    }
    .usage > div {
        display:inline-block;
        vertical-align: top;
    }
    @media screen and (max-width:700px) {
        .usage > div {
            float:left;
            display:block!important;
            width:calc(100% - 10px)!important;
        }
        .modalpopup .scroll-box {
            height:unset!important;
        }
    }
    .usage > div:first-child {
        width:calc(40% - 20px);
        margin-right:30px;
        height:calc(100vh - 262px);
        overflow-y:auto;
        padding:0 10px 5px 0;
    }
    .usage > div:last-child {
        width:calc(60% - 50px);
        xheight:calc(100vh - 262px);
        overflow-y:hidden;
        xtext-align:right;
        xmax-width:1050px;
    }
    .usage img {
        max-width:unset!important;
        width:100%;
    }
    .slidebuttons {
        position:absolute;
        bottom:100px;
        width:calc(100% - 38px);
        display:table;
    }
    @media screen and (max-width:767px) {
        .slidebuttons {
            width:calc(100% - 11px);
        }
    }
    .slidebuttons button {
        padding:5px 10px;
        font-size:100%;
        background-color:#11b4ff;
        color:white;
        border:none;
        margin:0;
        min-width:100px;
    }
    .slidebuttons > div {
        display:table-row;
    }
    .slidebuttons > div > div {
        display:table-cell;
    }
    .slidebuttons > div > div:first-child {
        text-align:left;
        width:100px;
    }
    .slidebuttons > div > div:nth-child(2) {
        text-align:center;
    }
    .slidebuttons > div > div:last-child {
        text-align:right;
        width:100px;
    }
/* usage slides end*/


.helpoffscreen {
    left:110vw!important;
    opacity:0;
}
.helpcontent * .button {
    line-height:26px;
    min-width:22px;
    display:inline-block;
    text-align:center;
    padding-top:0;
    padding-bottom:0;
    max-height:26px;
    color:grey;
}
.helpcontent > p {
    margin:0 0 18px 0;
}
.helpcontent > ul > li {

}
.helpcontent > .centerBody2 > img {
    height:30px;
    border:none;
}
.filtercolumn {
    white-space:nowrap !important;
    text-overflow:unset!important;
}
.sortindarr {
    vertical-align:bottom!important;
}
.sortindarr + select + .multiselectDDselect {
    width:calc(100% - 57px)!important;
}
select.filtercolumnhead {
    width:100%;
    color:inherit;
    background-color:inherit !important;
    font-weight:inherit;
    height:inherit;
    line-height:20px;
    border:none !important;
}
select.filteredcolumn {
    color:blue;
}
.multiselectDD {
    position:fixed;
    border:solid 1px grey;
    display:inline-block;
    padding:0;
    -webkit-box-shadow:5px 5px 30px 0px rgba(20, 22, 20, 0.62);
    -moz-box-shadow:   5px 5px 30px 0px rgba(22, 22, 22, 0.62);
    box-shadow:        5px 5px 30px 0px rgba(22, 22, 22, 0.62);
    background-color:white;
    max-width:90vw;
}

.multiselectDDO > input[type='checkbox'] {
    margin:0!important;
}
.multiselectDDO {
    display:block;
    font-size:10.5pt;
    padding:2px;
    margin:0;
}
.multiselectDDselect {
    display:inline-block;
    font-size:10.5pt;
    font-weight:inherit;
    padding:1px 24px 1px 4px;
    background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
    width:calc(100% - 15px);
}
.multiselectDDselectFiltered {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20px" width="20px" viewBox="0 0 24 24" fill="green"><g><path d="M0,0h24 M24,24H0" fill="none" /><path d="M4.25,5.61C6.27,8.2,10,13,10,13v6c0,0.55,0.45,1,1,1h2c0.55,0,1-0.45,1-1v-6c0,0,3.72-4.8,5.74-7.39 C20.25,4.95,19.78,4,18.95,4H5.04C4.21,4,3.74,4.95,4.25,5.61z" /><path d="M0,0h24v24H0V0z" fill="none" /></g></svg>');
    background-repeat: no-repeat;
    background-position-x:95%;
    background-position-y:50%;
    background-size:15px 15px;
}
.multiselectDDO_hr {
    border-top:solid 1px grey;
    padding:0;
}
.multiselectDD_controls {
    background-color: #e7e7e7;
    border-bottom:solid 1px grey;
    padding:2px 8px 10px 4px;
    white-space:nowrap;
}
.multiselectDD_options {
    max-height:50vh;
    overflow-y:auto;
    padding:2px 8px 10px 4px;
    white-space:nowrap;
}
.multiselectDD_buttons {
    padding:2px 8px 10px 4px;
    text-align:right;
    white-space:nowrap;
}

.multiselectDD_buttons > button {
    background-color:rgba(0, 136, 255, 0.57);
    color:white;
    padding:10px;
    margin:6px;
    width:100px;
    border:none;
}
.multiselectDDO > div {
    width:calc(100% - 50px);
    margin-left:10px;
    display:inline-block;
    font-size:10.5pt;
    vertical-align:bottom;
}
select.admin, select.filtercolumnhead, input[type='xtime'],input[type='date'],.dropdownlist {
     /*This is so that IOS devices look better.. and therefore we standardize all device types*/
     -webkit-appearance: none;
     background-color: white;
     background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
     background-position: right center;
     background-repeat: no-repeat;
     background-color: white;
     padding-right: -0.5em;
     white-space:nowrap;
 }div.dnd {
    display:inline-block;
    border-style:dashed !important;
    border-width:2px !important;
    border-color:white;
}
.dnd label {
    width:100px;
    display:inline-block;
    padding:0;
    text-align:center;
}
.dnd {
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
    xheight:200%;
}
.dndAreaHighlight {
    border-style:dashed !important;
    border-width:1px !important;
    border-color:green !important;
    background-color:#ebfae6 !important;
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
}
.dndAreaHighlight * .aforminputlabel {
    background-color:#ebfae6 !important;
}
.aforminputlabel {
    transition:all 0.5s ease 0.25s;
}
.dndProgressZone {
    background-color:red;
    position:absolute;
    z-index:999;
    opacity:1;
    bottom:0;
}
.dndBasic {
    font-family:Roboto,Segoe UI,Open Sans,Segoe UI,Arial,Verdana,sans-serif;
    border:dashed 1px white;
    background-color:white;
    color:black;
    border-radius:8px;
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
    overflow:hidden;
    padding:4px;
    height:50px;
    text-align:center;
}
.warningCloseButton {
    float:right;
    cursor:pointer;
    background-image:url(https://qsafe.quorrasoft.com/images/closeWindowButton2.png);
    background-repeat:no-repeat;
    content:' ';
    width:10px;
    height:10px;
    margin:0;
}

.dndDarker, .xdndDarker * div, .dndAreaWindowHighlight {
    opacity:0.4;
    border-style:dashed !important;
    border-width:1px !important;
    border-color:green !important;
    background-color:rgba(201, 253, 160, 0.25)!important;
    xborder:dashed 2px #00d200 !important;
    -webkit-transition:all 0.5s ease 0.25s;
    -moz-transition:all 0.5s ease 0.25s;
    -o-transition:all 0.5s ease 0.25s;
    transition:all 0.5s ease 0.25s;
}
.dndMsg {
    position:fixed;
    color:green;
    font-size:40px;
    font-weight:800;
    text-align:center;
    /*animation-name: hintAppear;*/
    /*animation-duration:0.35s;*/
    /*animation-delay:0s;*/
    animation-timing-function: ease;
    -webkit-transition:all 0.25s ease 0.25s;
    -moz-transition:all 0.25s ease 0.25s;
    -o-transition:all 0.25s ease 0.25s;
    transition:all 0.25s ease 0.25s;
}
.dndHintOff {
    opacity:0;
    margin-top:200px;
}
#uploadprogress {
    padding-right:10px;
    margin:0;
    padding:0;
    border-radius:8px;
    overflow:auto;
    min-width:90%;
    margin:0 auto;
}
.progressBarOuter {
    position:relative;
    width:90%;
    background-color:#e8f0f6;
    padding:10px;
    border-radius:8px;
    border:solid 1pt #cdd4da;
    margin:5px 25px 5px 5px;
    text-align:left;
    opacity: 1;
    z-index:99;
    transition:all 0.5s ease-in-out 0s;
    overflow-x:auto;
}
.progressBar {
    width:1%;
    height:26px;
    background-color:rgba(0, 128, 18, 0.81);
    border-radius:8px;
    border-solid:solid 1pt #009100;
    padding-left:6px;
    color:white;
}
.uploadSideBar {
    position:fixed;
    z-index:10001;
    width:70vw;
    max-width:500px;
    height:calc(100vh);
    padding-top:20px;
    padding-bottom:100px;
    top:0;
    right:0;
    background-color:white;
    transition:all 0.5s ease-in-out 0s;
    border-left:solid 1px black;
    margin:0!important;
    overflow:auto;
}
.closePanel {
    transition:all 0.5s ease-in-out 0s;
}
.closePanel:hover {
    color:grey;
}
.uploadSideBarFoot {
    position:fixed;
    z-index:10002;
    width:70vw;
    max-width:480px;
    height:10vh;
    bottom:0;
    right:0;
    background-color:white;
    transition:all 0.5s ease-in-out 0s;
    margin:10px 20px 0 10px;
    padding:10px 0 10px 0;
    text-align:center;
}
.dnddropzone {
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    text-align:center;
    padding-top:15%;
    vertical-align:middle;
    font-size:200%;
    font-weight:600;
}
.fileuploadbutton {
    line-height:30px;
    display:inline-block;
    padding:0 4px 0 4px;
    width:auto;
    min-width:auto;
}
#m_chosenfile {
    display:inline-block;
    padding:0 0 0 5px;
}
.chosenfiles {
    margin-top:8px;
}
.chosenfilename {
    display:inline-block;
    background-color:#ebebeb;
    border-radius:9px;
    padding:2px 10px 2px 10px;
    white-space:nowrap;
    line-height:20px;
    margin-bottom:5px;
}
.dndDropZoneOverlay {
    xborder-style:dashed !important;
    xborder-width:3px !important;
    xborder-color:green !important;
    position:absolute;
    font-size:110%;
    xbackground-color: #e0eae0;
    vertical-align: middle;
    text-align:center;
    opacity:1;
    padding:4px;
    animation-name:flashfadeAnim;
    animation-duration:1.5s;
    animation-timing-function:ease-out;
    animation-delay:0s;
}
@keyframes flashfadeAnim {
    0% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
#uploadSideBarDragger {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    cursor: ew-resize;
    background-color:#f9f9f9;
}
#uploadSideBarDragger:hover {
    background-color:#ddd;
}
.colVPaleGreyBg {
    background-color: #f9f5f9 !important;
}
td.colVPaleGreyBg {
    border-right:solid 1px white !important;
}

.colVPaleRedBg  {
    background-color: #fff6f8 !important;
}
td.colVPaleRedBg {
    border-right:solid 1px white !important;
}

.colRedBg  {
    background-color: #fff6f8 !important;
}
td.colRedBg {
    border-right:solid 1px white !important;
}

.collightGreyFg {
    color:#F3F5F7 !important;
}
.collightGreyBg {
    background-color:#F3F5F7 !important;
}
td.collightGreyBg {
    border-right:solid 1px white !important;
}

.collightGrey5Fg {
    color:#F4F2F2 !important;
}
.collightGrey5Bg {
    background-color:#F4F2F2 !important;
}
.collightGrey5bBg { /* even lighter than collightGrey5Bg */
    background-color:#fcfafa !important;
}
td.xcollightGrey5Bg { /* Removed as the alphabetic filter panel needs it */
    border-right:solid 1px white !important;
}

.colPaleGreyFg {
    color:#F2F0F0 !important;
}
.colPaleGreyBg {
    background-color:#F2F0F0 !important;
}
td.colPaleGreyBg {
    border-right:solid 1px white !important;
}

.collightGrey6Fg {
    color:#e6dee0 !important;
}
.collightGrey6Bg {
    background-color:#e6dee0 !important;
}
td.collightGrey6Bg {
    border-right:solid 1px white !important;
}

.colSelectedRowBg {
    background-color:#e6dee0 !important;
}
td.colSelectedRowBg {
    border-right:solid 1px white !important;
}

.collightGrey2Fg {
    color: #d7d7d7 !important;
}
.collightGrey2Bg {
    background-color:#D7D7D7 !important;
}
td.collightGrey2Bg {
    border-right:solid 1px white !important;
}

.collightGrey2aFg {
    color: #ababab !important;
}
.collightGrey2aBg {
    background-color:#ababab !important;
}
td.collightGrey2aBg {
    border-right:solid 1px white !important;
}

.collightGrey4Fg {
    color:#8f8586 !important;
}
.collightGrey4Bg {
    background-color:#8f8586 !important;
}
td.collightGrey4Bg {
    border-right:solid 1px white !important;
}

.collightGrey3Fg {
    color:#757575 !important;
}
.collightGrey3Bg {
    background-color:#757575 !important;
}
td.collightGrey3Bg {
    border-right:solid 1px white !important;
}
.colWarningFg { /* p */
    color:#DA4453 !important; /* or #da4453 */
    padding-left:5px;
}
td > span.colWarningSpan {
    background-color:#DA4453;
    border-radius:12px;
    padding:1px 10px 1px 10px;
    color:white;
    display:inline-block;
    margin-top:2px
}
.warningBorder { /* p */
    border:solid 1px #DA4453!important;
    xpadding-top:6px; /* Used to push right buttons off the edge if in a warning block - see Payment Method on TenantForm */
    padding:6px; /* Used to push right buttons off the edge if in a warning block - see Payment Method on TenantForm */
}
.colWarningBg {
    background-color:#DA4453 !important;
    color:white !important;
}
.colAmberWarningBg {
    background-color:#f56728 !important;
    color:white !important;
}
.successmsgs {
    background-color: #45a731 !important;
    color:white !important;
    margin-top:25px!important;
}
.successmsgs > *, .successmsgstab > *, .successmsgs > a {
    color:white!important;
}
.errormsgs {
    background-color:#e25353 !important;
    color:white !important;
    margin-top:25px!important;
}
.colDarkRedFg {
    color:#E32B2B !important;
}
.colDarkRedBg {
    background-color:#E32B2B !important;
}
td.colDarkRedBg {
    border-right:solid 1px white !important;
}

.colLightRedFg {
    color:#FA000B !important;
}
.colLightRedBg {
    background-color:#FA000B !important;
}
td.colLightRedBg {
    border-right:solid 1px white !important;
}

.colPaleRedFg {
    color:#EEA2A2 !important;
}
.colPaleRedBg {
    background-color:#EEA2A2 !important;
}
td.colPaleRedBg {
    border-right:solid 1px white !important;
}

.colDullRedFg {
    color:#FF5149 !important;
}
.colDullRedBg {
    background-color:#FF5149 !important;
}
td.colDullRedBg {
    border-right:solid 1px white !important;
}

.colDarkOrangeFg {
    color:#FF7F27 !important;
}
.colDarkOrangeBg {
    background-color:#FF7F27 !important;
}
td.colDarkOrangeBg {
    border-right:solid 1px white !important;
}

.colOrangeFg {
    color:#FBAD49 !important;
}
.colOrangeBg {
    background-color:#FBAD49 !important;
}
td.colOrangeBg {
    border-right:solid 1px white !important;
}

.colPaleOrangeFg {
    color:#fff0d1 !important;
}
.colGoldFg {
    color: #ffd202 !important;
}
.colPaleOrangeBg {
    background-color:#fff0d1 !important;
}
td.colPaleOrangeBg {
    border-right:solid 1px white !important;
}

.colDarkGreenFg {
    color:#4ac32d !important;
}
.colDarkGreenBg {
    background-color:#4ac32d !important;
}
td.colDarkGreenBg {
    border-right:solid 1px white !important;
}

.colButtonGreenFg {
    color:#4ABB2E !important; /* or #6bb24a or #8cc152 */
}
.colButtonGreenBg {
    background-color:#4ABB2E !important;
}
td.colButtonGreenBg {
    border-right:solid 1px white !important;
}

.colPaleGreen2Fg {
    color:#afddaf !important;
}
.colPaleGreen2Bg {
    background-color:#afddaf !important;
}
td.colPaleGreen2Bg {
    border-right:solid 1px white !important;
}

.colPaleGreenFg {
    color: #e6ece6 !important;
}
.colPaleGreenBg {
    background-color:#CAECCA !important;
}
td.colPaleGreenBg {
    border-right:solid 1px white !important;
}


.colVPaleGreenFg {
    color:#f0faf2 !important;
}
.colVPaleGreenBg {
    background-color:#f0faf2 !important;
}
td.colVPaleGreenBg {
    border-right:solid 1px white !important;
}

.colDullBlueFg {
    color:#e5ebef !important;
}
.colDullBlueBg {
    background-color:#e5ebef !important;
}
td.colDullBlueBg {
    border-right:solid 1px white !important;
}
.colDullBlueBg2 {
    background-color: #eff5f9 !important;
    border-right:solid 1px white !important;
}
td.colDullBlueBg2 {
    border-right:solid 1px white !important;
}

.colDullBlue2Fg {
    color:#D8DCF1 !important;
}
.colDullBlue2Bg {
    background-color:#D8DCF1 !important;
}
td.colDullBlue2Bg {
    border-right:solid 1px white !important;
}


.colMidBlueFg {
    color:#11b4ff !important;
}
.colMidBlueBg {
    background-color:#11b4ff !important;
}
td.colMidBlueBg {
    border-right:solid 1px white !important;
}


.colDarkBlueBg {
    background-color:#3d8aff !important;
}
td.colDarkBlueBg {
    border-right:solid 1px white !important;
}

.colDarkBlueFg {
    color:#3d8aff !important;
}

.colMouveGreyFg {
    color:#E1CBCB !important;
}
.colMouveGreyBg {
    background-color:#E1CBCB !important;
}
td.colMouveGreyBg {
    border-right:solid 1px white !important;
}

.colGreyBlueFg {
    color:#B8C2CF !important;
}
.colGreyBlueBg {
    background-color:#B8C2CF !important;
}
td.colGreyBlueBg {
    border-right:solid 1px white !important;
}

.colGreyBg {
    background-color:#C8C8C8 !important;
}
td.colGreyBg {
    border-right:solid 1px white !important;
}

.colGreyFg {
    color:#C8C8C8 !important;
}

.colBlackFg {
    color:black !important;
}
.colBlackBg {
    background-color:black !important;
    color:white;
}
td.colBlackBg {
    border-right:solid 1px white !important;
}

.colWhiteFg {
    color:white !important;
}
.colWhiteBg {
    background-color:white !important;
}

.colYellowBg {
    background-color:yellow !important;
}


ins { /* Used by HtmlDiff */
    background-color:#CAECCA;
}
del { /* Used by HtmlDiff */
    background-color:#EEA2A2;
}
.tightCol {
    width:1%!important;
    white-space:nowrap!important;
}
/*--------start:cbsliderSwitch---------------*/
.cbsliderSwitch {
    position:relative;
    display:inline-block;
    width:60px;
    height:22px;
    top:6px;
    -webkit-user-select:none; /* Prevent text selection */
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.cbsliderSwitch input {
    opacity:0;
    width:0;
    height:0;
}
.cbslider {
    position:absolute;
    cursor:pointer;
    top:0;
    left:4px;
    right:0;
    bottom:0;
    background-color:#ccc;
    color:white;
    -webkit-transition:.4s;
    transition:.4s;
    padding-left:8px;
    padding-right:8px;
    line-height:1.4em;
    user-select:none;
}
.cbslider:before {
    position:absolute;
    content:"";
    height:18px;
    width:18px;
    left:3px;
    bottom:2px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
}
input + .cbslider {
    text-align:right;
}


input:checked + .cbslider {
    background-color: #2196F3;
    color:white;
    text-align:left;
}
input:focus + .cbslider {
    box-shadow:0 0 1px #2196F3;
}


input + .cbsliderRedGreen {
    background-color:#4ABB2E !important;
    color:white;
    text-align:right;
}
input:checked + .cbsliderRedGreen {
    background-color:#E32B2B !important;
    color:white;
    text-align:left;
}


input:checked + .cbsliderGreenRed {
    background-color:#4ABB2E !important;
    color:white;
    text-align:left;
}
input + .cbsliderGreenRed {
    background-color:#E32B2B !important;
    color:white;
    text-align:right;
}



input:checked + .cbsliderGreenGrey {
    background-color:#4ABB2E !important;
}
input ~ .cbsliderGreenGrey {
    background-color: #b7b6b6 !important;
}


input:checked + .cbsliderRedGrey {
    background-color:#E32B2B !important;
}
input ~ .cbsliderRedGrey {
    background-color:#eee !important;
    color:grey;
}


input:checked + .cbslider:before {
    -webkit-transform:translateX(32px);
    -ms-transform:translateX(32px);
    transform:translateX(32px);
}
/* Rounded sliders */
.cbslider.round {
    border-radius:34px;
}
.cbslider.round:before {
    border-radius:50%;
}
/*--------end:cbsliderSwitch---------------*/

/* ----------start:Styling checkboxes checkboxStyler---------------*/
.checkbox_container {
    display:inline-block;
    position:relative;
    padding-left:35px;
    margin-top:10px; /* added for Tenant Build create new tenant modal when screen is 725 wide */
    margin-bottom:12px;
    margin-right:10px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/* Hide the browser's default checkbox */
.checkbox_container input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
/* Create a custom checkbox */
.checkmark {
    position:absolute;
    top:-5px;
    left:6px;
    height:25px;
    width:25px;
    background-color:#eee;
    border:solid 1pt #ccc;
    padding:1px;
}
td * .checkmark {
    top:-11px;
}
.help * .checkmark {
    top:-8px;
    height:23px;
    width:23px;
}
p * .checkmark {
    top:-10px;
}
.qmainThin * .checkmark {
    top:-15px!important;
}
.checkmark_raised {
    top:-12px;
}
.checkmark_raised2 {
    top:-10px;
}
/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark {
    background-color:#ccc;
}
.checkboxStyler_done[type="checkbox"][disabled]:checked ~ .checkmark {
    background-color:#5C8CCB !important;
    cursor:not-allowed !important;
}
.checkboxStyler_done[type="checkbox"][disabled]:not(:checked) ~ .checkmark {
    xbackground-color:#eee !important;
    background-color:#eee !important;
    cursor:not-allowed !important;
}
/* When the checkbox is checked, add a blue background */
.checkbox_container > input:checked ~ .checkmark {
    background-color:#2196F3;
}


.checkbox_container input:checked ~ .checkmarkBlueRed {
    background-color:#2196F3 !important;
}
.checkbox_container input ~ .checkmarkBlueRed {
    background-color:#E32B2B !important;
}


.checkbox_container input:checked ~ .checkmarkGreenGrey {
    background-color:#4ABB2E !important;
}
.checkbox_container input ~ .checkmarkGreenGrey {
    background-color:#eee !important;
}
.checkbox_container input:checked ~ .checkmarkRedGrey {
    background-color:#E32B2B !important;
}
.checkbox_container input ~ .checkmarkRedGrey {
    background-color:#eee !important;
}
.checkbox_container input:checked ~ .checkmarkGreenRed {
    background-color:#4ABB2E !important;
}
.checkbox_container input ~ .checkmarkGreenRed {
    background-color:#E32B2B !important;
}
.checkbox_container input:checked ~ .checkmarkRedGreen {
    background-color:#E32B2B !important;
}
.checkbox_container input ~ .checkmarkRedGreen {
    background-color:#4ABB2E !important;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content:"";
    position:absolute;
    display:none;
}
/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
    display:block;
}
/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
    left:9px;
    top:5px;
    width:5px;
    height:10px;
    border:solid white;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkboxStyler_initHide {
    display:none;
}
/* ----------end:Styling checkboxes checkboxStyler---------------*/

div.articleleft {
    float:left;
    width:300px;
    margin:0 20px 5px 5px;
    padding:0;
    min-height:100vh;
    height:100vh;
    background-color:#efefef;
    overflow-x:hidden;
    overflow-y:auto;
}
.articleleftcontent {
    font-size:10pt;
    text-align:left;
    vertical-align:top;
    padding-bottom:6px;
}
a.articleleftcontent:hover {
    font-size:10pt;
    text-align:left;
    vertical-align:top;
    color:deepskyblue;
}
div.articlemain {
    margin:0 20px 5px 5px;
    padding:0;
    overflow:hidden;
    float:left;
    min-width:100px;
    max-width:800px;
    width:60%; /* 700px; */
    min-height:100%;
}
div.articleright {
    margin:5px 20px 5px 5px;
    padding:0 5px 5px 25px;
    overflow:auto;
    min-width:300px;
    max-width:350px;
    min-height:100%;
}
.articlerightpanel {
    border:solid 1pt #e2e2e2;
    border-radius:5px;
    margin-top:10px;
    margin-bottom:10px;
    padding:5px 15px 5px 5px;
    background-color:#ededed;
    font-size:10pt;
}
table.articlerightcontent {
    width:100%;
    margin:0;
    padding:0;
    vertical-align:top;
}
tr.articlerightcontent {
    font-size:10pt;
    padding:0 5px 0 5px;
    margin:0;
    xwhite-space:nowrap;
    text-align:left;
    vertical-align:top;
}
td.articlerightcontent {
    font-size:10pt;
    padding:0 5px 0 5px;
    margin:0;
    xwhite-space:nowrap;
    text-align:left;
    vertical-align:top;
}
p.articlerightcontent {
    font-size:10pt;
    padding:0 5px 0 5px;
    margin:0;
    xwhite-space:nowrap;
    text-align:left;
    vertical-align:top;
}

.articlerightcontentsubscript {
    margin:0;
    font-size:7pt;
    line-height:0.8em;
    color:#ededed;
}
.articlerevisionname {
    width:90px;
    overflow-x:hidden;
    text-overflow:ellipsis;
    font-size:10pt;
    padding-top:3px;
    padding-bottom:6px;
}
@media screen and (max-width:831px) {
    .articleleft {
        display:none;
    }
    div.articlemain {
        width:100%;
        margin:0 20px 0 20px;
    }
    div.articlerightcenterpanel {
        width:99%;
    }
    div.articleright {
        width:90%;
        min-width:none;
        max-width:none;
    }
    .articlerevisionname {
        width:auto;
        overflow-x:hidden;
        text-overflow:ellipsis;
    }
}
@media screen and (max-width:1200px) {
    div.articlemain {
        width:90%;
        margin:0 20px 0 20px;
    }
}
table.articleTable {
    border-spacing:0; /* cellspacing=0 cellpadding=0 */
    font-size:16pt;
    font-weight:300;
    color:#474747;
    margin:0;
    padding:2px 3px 3px 3px;
    border-collapse:collapse;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#d7d1d1;
    text-decoration:none;
}
table.articleTable  th { /* th */
    background-color:#bcb6b6;
    border:1px solid white;
    vertical-align:top;
    padding:3px 5px 5px 1px;
    cursor:default;
    text-decoration:none;
}
table.articleTable  td { /* td */
    font-size:16pt;
    font-weight:300;
    color:#474747;
    margin:0;
    padding:2px 3px 3px 3px;
    border-collapse:collapse;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#d7d1d1;
}.div {-webkit-user-drag: none;}

.quorraeditor {
    color:white;
    background-color:white;
}
.quorraeditor_short {
    min-height:unset!important;
    margin-bottom:10px!important;
}
.quorraeditor_div {
    min-height:200px;
    cursor:text;
    padding-bottom:15px!important;
}
.quorraeditor_div > pre {
    cursor:text;
    width:100%; /* was calc(100vw - 370px); but this caused issues with Issue To-Do editors */
    max-width:calc(100% - 50px);
}
.quorraeditor_div > pre b {
    color:black;
}
@media screen and (max-width:700px) {
    .quorraeditor_div > pre {
        width:calc(100vw - 135px);
    }
}
.quorraeditor_div  hr {
    border:solid 0.25px #;
    min-width:400px;
}

.editor {
    font-family:'Segoe UI', 'Open Sans','Segoe UI', Arial, Verdana, sans-serif;
    font-weight:400;
    font-size:10pt;
    color: #898787;
    line-height: 14pt;
    padding:8px !important;
    xborder:solid 1pt grey;
    xborder-radius:7px;
    padding-bottom:6px;
    width:98% !important;
    margin:0;
    min-height:250px;
}
.editor_frame {
    margin-right:10px;
}
.editor_image_menu, .editor_hyperlink_menu {
    position:fixed;
    display:block;
    background-color:#F9F9F9;
    opacity:0.99;
    border:solid 1px grey;
    xborder-right: 0pt;
    padding:0;
    margin-top:-1px;
    margin-left:-1px;
    margin-right:1px;
    left:0px;
    text-align:left;
    min-width:195px;
    box-shadow:8px 8px 8px #919191;
    cursor:pointer;
    /*-webkit-transition:all 0 ease 0.25s;*/
    /*-moz-transition:all 0 ease 0.25s;*/
    /*-o-transition:all 0 ease 0.25s;*/
    /*transition:all 0 ease 0.25s;*/
}
.editor_popup_menubutton,  .editor_hyperlink_menubutton {
    display:block;
    padding:4px 4px 4px 10px;
    /*width:calc(100% - 14px);*/
    background-color: #fdfdfd;
    font-family:Roboto,'Segoe UI','Open Sans','Segue UI',Arial,Verdana,sans-serif;
    font-size:10pt;
    cursor:pointer;
}
/*.editor_popup_menubutton:hover,  .editor_hyperlink_menubutton:hover {*/
/*    background-color: #e8e8e8 !important;*/
/*}*/
.editor_toolbar {
    xposition:fixed; /* Removed as it needs to sit inside the frameset qfoot */
    position:absolute; /* Added to allow the toolbar to sit on top of bottombar on Issues List */
    bottom:0;
    display:block;
    background-color:#F9F9F9;
    opacity:0.99;
    border-top:solid 1pt grey;
    padding:4px 20px 10px 20px !important;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    left:0px;
    width:calc(100vw - 39px);
    xmin-width:90%;
    text-align:left;
    /*box-shadow:0 4px 6px -2px #b4b4b4,*/
    /*-1px -5px 5px rgba(255,255,255,1),*/
    /*-1px -5px 5px rgba(255,255,255,1);*/
    z-index:9999;
    xcursor:pointer;
    /*-webkit-transition:all 0 ease 0.25s;*/
    /*-moz-transition:all 0 ease 0.25s;*/
    /*-o-transition:all 0 ease 0.25s;*/
    /*transition:all 0 ease 0.25s;*/
}
.editor_toolbar:hover {
    opacity:1;
}
.editor_toolbar_group {
    display:inline-block;
    xposition:relative;
    xfloat:left;
}
.editor_toolbar_bottom {
    height:1px;
    width:100%;
    xposition:absolute;
    bottom:0;
}
.editor_toolbar * input[type='button'] {
    background-color:unset;
}
.editor_toolbar_icon {
    cursor:pointer !important;
    margin:4px 20px 2px 1px;
    width:25px;
    height:21px;
    border:solid 1pt #f8f8f8!important;
    border-radius:4px;
    background:url(https://qsafe.quorrasoft.com/images/quorraeditor_toolbar.png) no-repeat;
    background-position:100px 0;
    padding-top:6px;
    transition:unset!important;
}
.editor_toolbar_icon_selected {
    border:solid 1pt #b1afaf !important;
    background-color: #e5e5e5 !important;
    border-radius:4px;
}
.editor_toolbar_icon:hover {
    border:solid 1pt #0cbeff !important;
}
.editor_toolbar_undo {
    background-position:-3px -4px;
}
.editor_toolbar_undo:disabled {
    background-position:-25px -4px;
}
.editor_toolbar_redo {
    background-position:-3px -21px;
}
.editor_toolbar_redo:disabled {
    background-position:-25px -21px;
}
.editor_toolbar_paste {
    background-position:-3px -543px;
}
.editor_toolbar_bold {
    background-position:-2px -58px;
}
.editor_toolbar_italic {
    background-position:-2px -594px;
}
.editor_toolbar_underline {
    background-position:-2px -617px;
}
.editor_toolbar_justifyLeft {
    background-position:-3px -417px;
}
.editor_toolbar_justifyCenter {
    background-position:-3px -768px;
}
.editor_toolbar_justifyRight {
    background-position:-3px -437px;
}
.editor_toolbar_strikeThrough {
    background-position:-3px -686px;
}
.editor_toolbar_superscript {
    background-position:-2px -665px;
}
.editor_toolbar_subscript {
    background-position:-2px -642px;
}
.editor_toolbar_hiliteColor {
    background-position:-3px -876px;
}
.editor_toolbar_inlineCode {
    background-position:-3px -921px;
}
.editor_toolbar_foreColor {
    background-position:-3px -637px;
}
.editor_toolbar_backColor {
    background-position:-3px -653px;
}
.editor_toolbar_indent {
    background-position:-3px -712px;
}
.editor_toolbar_unindent {
    background-position:-3px -738px;
}
.editor_toolbar_insertUnorderedList {
    background-position:-3px -80px;
}
.editor_toolbar_insertOrderedList {
    background-position:-3px -102px;
}
.editor_toolbar_symbol {
    background-position:-3px -127px;
}
.editor_toolbar_insertTable {
    background-position:-3px -152px;
}
.editor_toolbar_insertTable_disabled {
    background-position:-26px -152px;
    cursor:not-allowed!important;
}
.editor_toolbar_insertHeaderRow {
    background-position:-3px -181px;
}
.editor_toolbar_insertHeaderRow_disabled {
    background-position:-31px -181px;
    cursor:not-allowed!important;
}
.editor_toolbar_insertRowAbove {
    background-position:-3px -211px;
}
.editor_toolbar_insertRowAbove_disabled {
    background-position:-31px -211px;
    cursor:not-allowed!important;
}
.editor_toolbar_insertRowBelow {
    background-position:-3px -239px;
}
.editor_toolbar_insertRowBelow_disabled {
    background-position:-31px -239px;
    cursor:not-allowed!important;
}
.editor_toolbar_insertColLeft {
    background-position:-3px -273px;
}
.editor_toolbar_insertColLeft_disabled {
    background-position:-31px -273px;
    cursor:not-allowed!important;
}
.editor_toolbar_insertColRight {
    background-position:-3px -301px;
}
.editor_toolbar_insertColRight_disabled {
    background-position:-31px -301px;
    cursor:not-allowed!important;
}
.editor_toolbar_deleteCol {
    background-position:-4px -329px;
}
.editor_toolbar_deleteCol_disabled {
    background-position:-31px -329px;
    cursor:not-allowed!important;
}
.editor_toolbar_deleteRow {
    background-position:-2px -361px;
}
.editor_toolbar_deleteRow_disabled {
    background-position:-31px -361px;
    cursor:not-allowed!important;
}
.editor_toolbar_deleteTable {
    background-position:-4px -386px;
}
.editor_toolbar_deleteTable_disabled {
    background-position:-31px -386px;
    cursor:not-allowed;
}
.editor_toolbar_setColumnWidth {
    background-position:-3px -834px;
}
.editor_toolbar_setColumnWidth_disabled {
    background-position:-31px -834px;
    cursor:not-allowed!important;
}
/*.editor_toolbar_image {*/
/*    width:23px;*/
/*    background-position:-6px -438px;*/
/*}*/
.editor_toolbar_removeFormat {
    background-position:-3px -529px;
}
.editor_toolbar_insertParagraph {
    background-position:-3px -824px;
}
.editor_toolbar_addLastParagraph {
    background-position:-3px -856px;
}
.editor_toolbar_horizontal-line {
    background-position:-3px -480px;
}
.editor_toolbar_hypertext-link {
    background-position:-3px -547px;
}
.editor_toolbar_block-toggle {
    background-position:-3px -569px;
}
.editor_toolbar_image {
    width:23px;
    background-position:-4px -1251px;
}
.editor_toolbar_imageLibrary {
    width:23px;
    background-position:-4px -1273px;
}
.editor_toolbar_styles {
    font-size:12pt;
    xposition:relative;
    xfloat:left;
    display:inline-block;
    width:120px;
    white-space:nowrap;
    height:15px;
    line-height:20px;
    cursor:pointer;
    border:solid 1pt #979797;
    background-color:white;
    padding-top:7px;
    padding-left:6px;
    padding-right:6px;
    border-radius:9px;
    margin:0 10px 0 0;
    text-align:left;
}
.editor_toolbar_styles:after {
    content:"";
    display:block;
    background:url(https://qsafe.quorrasoft.com/images/ddlb_downarrow.png);
    width:18px;
    xheight:22px;
    float:right;
    xline-height:18px;
    xmargin:0 6px 0 0;
}
.editor_toolbar_styles:hover:after {
    background:url(https://qsafe.quorrasoft.com/images/ddlb_downarrow_hover.png);
}
.editor_styleList {
    position:fixed;
    display:table-row;
    overflow-x:hidden;
    overflow-y:auto;
    border:solid 1px black;
    background-color:#f9f9f9;
    max-height:90vh;
    min-width:170px;
    max-width:200px;
    z-index:9999;
    margin-top:15px;
    margin-right:14px;
    /* box-shadow: offset-x | offset-y | blur-radius | color */
    box-shadow:4px -4px 8px #b4b4b4;
    transition:none;
}
.editor_styleList * pre { /* This is as shown on the style ddlb on the toolbar */
    border-radius:0!important;
    padding:8px!important;
    overflow:hidden!important;
    line-height:9px!important;
    min-height:2px!important;
}
.editor_styleList button {
    min-height:42px!important;
}
.editor_styleList button:hover {
    background-color:white!important;
    border:solid 2px black;
    transition:none;
}
.editor_styleListNames {
    position:relative;
    top:-5px;
    cursor:pointer!important;
}
.editor_styleDemo {
    display:display;
    width:97%;
    text-align:left;
    margin:4px;
    border:solid 1pt #a4a4a4;
    cursor:pointer;
    background-color:white;
    white-space:nowrap;
    padding:6px;
    font-size:12pt;
}
.editor_styleDemo:hover {
    border:solid 1pt black;
    box-shadow:0 6px 6px #b4b4b4;
}
.editor_styleDemoItem {
    margin:0;
    padding:0;
    xoverflow:hidden;
    cursor:pointer!important;
}
.editor_popup_body {
    padding:20px;
}
.field_label {
    position:relative;
    width:100px;
    white-space:nowrap;
    display:inline-block;
    text-align:right;
    padding:4px 10px 0 0;
}
.field_input {
    display:inline-block;
    float:right;
    width:calc(100% - 120px);
}
.editor_popup_title {
    font-size:110%;
    font-weight:400;
    text-align:center;
    background-color:#6ebad4;
    color:white;
    padding:4px;
}
.editor_popup_foot {
    text-align:center;
    margin:10px;
}
.editor_symbols_popup {
    height:fit-content;
    max-height:70vh;
}
.editor_popup {
    width:fit-content;
    max-width:70vw;
    min-height:200px;
    position:fixed;
    display:block;
    top:25%;
    left:25%;
    margin-left:-10%;
    margin-top:-25px;
    background-color:#ededed;
    border-radius:5px;
    box-shadow:0 6px 8px -4px #9d9d9d;
    z-index:9999;
    overflow-y:auto;

    transform: unset !important;
    -webkit-transition: all 0.25s ease-in-out !important;
    -moz-transition: all 0.25s ease-in-out !important;
    -o-transition: all 0.25s ease-in-out !important;
    transition: all 0.25s ease-in-out !important;
}
.editor_symbols_popup_symbol {
    position:relative;
    float:left;
    padding:8px 0 0 0;
    width:30px;
    height:30px;
    font-size:14pt;
    text-align:center;
    vertical-align: middle;
    background-color:white;
    border-radius:5px;
    border:solid 1pt #4a4848;
    margin:8px;
    cursor:pointer;
}
.editor_symbols_popup_symbol:hover {
    background-color:#ededed;
}
.image_grabber {
    position:absolute;
    width:8px;
    height:8px;
    padding:0;
    margin:0;
    border:solid 1pt black;
    background-color:white;
    cursor:nwse-resize;
    z-index: 97;
    margin:0;
}

h6 {
    display:block;
    background-color: rgba(180, 208, 214, 0.42);
    border:solid 1pt rgba(180, 208, 214, 0.98);
    margin:10px 30px 10px 10px;
    overflow:auto;
}
h7 {
    display:block;
    background-color: rgba(226, 229, 229, 0.42);
    border:solid 1pt rgba(189, 189, 189, 0.98);
    margin:10px 10px 0 0;
    padding:10px;
    overflow:auto;
}
.img_upload_surround {
    display:inline;
    margin:0;
    padding:0;
    height:1px;
    max-height:1px;
    overflow:hidden;
    width:100%;
}
.quorraeditor_div img {
    margin-bottom:0;
}
.quorraeditor_div p {
    line-height:27px!important;
    margin-bottom:12px!important;
}
.quorraeditor_div p.tight {
    line-height:20px!important;
    margin-bottom:0px!important;
}
.img_upload_surround > img {
    width:100%;
}
.img_upload_progressbar {
    position:relative;
    background-color:blue;
    top:-10px;
    height:1px!important;
    xtransform: scaleY(0.25); /* makes it smaller than 1px */
    width:1;
    z-index:9999;
}
.img_upload_img {
    position:relative;
    top:0;
    width:100%;
    border:dashed 1px blue!important;
}
.qeminimizer {
    position:absolute;
    top:10px;
    right:25px;
    width:10px;
    height:10px;
}
.lockzone {
    position:fixed;
    bottom:0px;
    right:0px;
    width:10px;
    height:10px;
}
.lockzone_unlocked {
    border:solid 1pt grey;
}
.lockzone_locked {
    background-color: #4e7ee7;
}
.lockToBottom {
    position:fixed;.editor_toolbar
    bottom:0 !important;
}
.collapsedToolbar {
    height:24px;
}

@media screen and (max-width:375px) {
    .collapsedToolbar {
        height: 42px;
    }
}
@media screen and (min-width:1425px) {
    .qeminimizer {
        display:none;
    }
}
.draggingCloneImage {
    opacity:0.15;
}
.autorecovery {
    vertical-align:top;
    border:solid 1px #b8b8b8;
    color:grey;
    border-radius:9px;
    padding:1px 6px 1px 5px;
    xbackground-color: #d8d8d8;
    display:inline-block;
    margin-left:10px;
    margin-top:4px;
}
.autorecoveryOff {
    color:red;
}
.autorecovery_saving {
    background-color:#a7d5d5;
}
.autorecovery_restore {
    vertical-align:top;
    border:solid 1px #d8d8d8;
    color:grey;
    border-radius:9px;
    padding:1px 6px 1px 5px;
    xbackground-color: #eaeaea;
    display:inline-block;
    margin-left:5px;
    margin-top:4px;
}
.editor_autorecovery_popup {
    width:75%;
    height:70vh;
    max-height:70vh;
    position:fixed;
    display:block;
    top:15%;
    left:25%;
    margin-left:-10%;
    margin-top:-25px;
    background-color:#ededed!important;
    border-radius:5px;
    box-shadow:0 6px 8px -4px #9d9d9d;
    z-index:9999;
    overflow-y:auto;
    padding:10px;

    transform: unset !important;
    -webkit-transition: all 0.25s ease-in-out !important;
    -moz-transition: all 0.25s ease-in-out !important;
    -o-transition: all 0.25s ease-in-out !important;
    transition: all 0.25s ease-in-out !important;
}
.offscreenDown {
    top:100vh !important;
    opacity:0 !important;
}
.editor_autorecovery_popup_selector_button {
    float:right;
    position:relative;
}
.popupSelectorDiv {
    width:100%;
    height:calc(100% - 50px);
    background-color:inherit;
    overflow-y:auto;
}
.editor_autorecovery_popup_selector {
    overflow-y:scroll;
    width:calc(100% - 123px);
    margin:0 10px 20px 10px;
    background-color: #fafafa;
    font-size:80%;
    float:left;
    height:125px;
}
.editor_autorecovery_popup_date {
    font-size:80%;
    color:grey;
    width:100%;
    float:left;
}
.editor_autorecovery_popup_closeButton {
    position:absolute;
    bottom:10px;
    right:30px;
}
.editor_autorecovery_popup_selector_button {
    margin-left:5px;
    margin-left:5px;
}
.autorecovery_pin {
    -webkit-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tracer {
    background-color: #e3e3e3;
    border:solid 1px black;
    position:fixed;
    width:calc(100vw - 450px);
    height:calc(100vh - 550px);
    word-break:break-all;
    padding:10px;
    z-index:99999;
}
.quorraeditor_div a {
    color: #0067af;
    cursor:default;
}
.editor_popup_menubutton > div {
    display:inline-block;
    width:21px;
    height:12px;
    margin:0 4px 0 0;
}
.editor_popup_menubutton > div + div {
    display:inline-block;
    font-size:10pt;
    margin:0;
    white-space:nowrap;
    vertical-align:top;
}
.modalButton_viewbackup {
    background-color:rgba(0, 136, 255, 0.57);
}

.headerCollapse {
    position:relative;
    padding:0;
    margin:0;
    left:-15px;
    top:-1px;
    width:0;
    height:0;
    font-size:70%!important;
}
.headerCollapse:hover {
    color:grey;
}
.headerCollapseH1 {
    top:10px;
}
.headerCollapseH2 {
    top:4px;
}
.headerCollapseH3 {
    top:0;
}
.headerCollapseH4 {
    top:0;
}
.headerCollapseH5 {
    top:-4px;
}
.headerCollapseRotated45 {
    /*transform:rotate(45deg);*/
    /*top:0!important;*/
    /*left:-10px;*/
}
.headerCollapseStick {
}
.headerHidden {
    display:none !important;
    visibility:hidden;
}
td > p:first-child {
    padding-top:0!important;
    line-height:26px;
}
td > ul:first-child {
    margin-top:2px;
}
.qe_viewer {
    height:20vh;
    width:calc(100vw - 10px);
    margin:0;
    padding:5px;
    background-color: #efefef;
}
.qe_viewer_dragger {
    position:fixed;
    left:0;
    width:100vw;
    height:2px;
    background-color: #1f87ff;
    cursor:ns-resize;
}
.editor_toolbar_iconX {
    height:19px;
    border:none;
    vertical-align:top;
    padding-top:4px;
    background-color:inherit;
    cursor:pointer;
}
.editor_toolbar_iconX {
    border:none;
    font-size:15pt!important;
    color: #a6a6a6;
}
.editor_toolbar_iconX:hover {
    color: black;
}
.editor_toolbar_bugrpt {
    margin-left:10px;
}
mark {
    color:inherit;
}
.loadedimage {
    height:auto!important;
    float:left;
    margin-bottom:20px;
}
strike {
    color:#abaaaa;
}
.bug_descr {
    width:100%;
    min-height:70px;
    resize:vertical;
}
.bug_sample {
    width:100%;
    min-height:50px;
    max-height:200px;
    font-size:6pt;
}
.image_pointer_container {
    position:relative;
    xcursor:move;
    width:1%;
    height:0px;
}
.image_pointer {
    fill: #ebebeb;
    fill-opacity: 1;
    stroke: #;
    stroke-opacity: 1;
    stroke-width: 2.5px;
    width: 30px;
    height: 35px;
}
.image_pointer_hover:hover {
    fill: #d6d6d6;
}
.image_container {
    position: relative;
    border:dashed 1px white;
    margin-bottom:12px!important;
}

.image_container:hover {
    border:dashed 1px lightgrey;
}
.image_container > img {
    float:left!important;
}
.calloutline {
    height:1.5px;
    /*border-color:black;*/
    transform-origin: top left;
    position:absolute;
    z-index:94;
    -webkit-transition:background-color 0.25s ease-out;
    -moz-transition:background-color 0.25s ease-out;
    -ms-transition:background-color 0.25s ease-out;
    transition:background-color 0.25s ease-out;
}
.calloutpoint {
    position:absolute;
    width:10px;
    height:10px;
    border-radius:10px;
    -webkit-transition:background-color 0.25s ease-out;
    -moz-transition:background-color 0.25s ease-out;
    -ms-transition:background-color 0.25s ease-out;
    transition:background-color 0.25s ease-out;
}
.calloutbox {
    position:absolute;
    border:solid 2.5px #7f7b7b;
    padding:10px!important;
    border-radius:9px;
    margin:0!important;
    min-width:23px;
    min-height:26px;
    background-color:white;
    z-index:95; /* Must be below image_grabber */
    -webkit-transition:border-color 0.25s ease-out;
    -moz-transition:border-color 0.25s ease-out;
    -ms-transition:border-color 0.25s ease-out;
    transition:border-color 0.25s ease-out;
}
.calloutL {
    margin-right:20px!important;
}
.calloutR {
    margin-left:20px!important;
}
.quorraeditor_div  .boxshadow {
    margin-left:0;
}
.newparabut {
    position:absolute;
    cursor:pointer;
    border:none;
    color: #e3e1e1;
    width:9px;
    overflow:hidden; /* Keep the cursor tight so that the user can click on the start of a line without triggering newparabut */
}
.newparabut:hover {
    color:black;
}
.borderhighlight {
    border-color: black;
}
.borderhighlight2 {
    background-color: black !important;
}
.image_left {
    float:left!important;
    margin-right:10px;
    xborder:solid 1px greenyellow!important;
}
.image_inline {
    float:none!important;
    xborder:solid 1px orange!important;
}
.image_between {
    xmargin-right:100%;
    xborder:solid 1px red!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display:block;
    float:unset!important;
}
.editor_toolbar_image_left {
    background-position:-31px -1024px;
    width:29px!important;
    height:20px!important;
}
.editor_toolbar_image_inline {
    background-position:-31px -957px;
    width:29px!important;
    height:20px!important;
}
.editor_toolbar_between_text {
    background-position:-31px -988px;
    width:29px!important;
    height:20px!important;
}
.editor_toolbar_original_size {
    background-position:-7px -1135px;
    width:29px!important;
    height:20px!important;
}
.editor_toolbar_crop_img {
    background-position:-8px -1062px;
    width:29px!important;
    height:14px!important;
}
.editor_toolbar_rotate_img {
    background-position:-34px -1062px;
    width:29px!important;
    height:14px!important;
}
.editor_toolbar_add_pointer {
    background-position:-10px -1187px;
    width:29px!important;
    height:17px!important;
}
.editor_toolbar_add_callout {
    background-position:-6px -1092px;
    width:29px!important;
}
.editor_toolbar_add_redact {
    background-position:-7px -1163px;
    width:29px!important;
}
.editor_toolbar_toggle_shadow {
    background-position:-8px -1113px;
    width:29px!important;
    height:16px!important;
}
.editor_toolbar_remove_img {
    background-position:-7px -1218px;
    width:29px!important;
    height:18px!important;
}
.editor_clipboardCopy {
    position:absolute;
    margin-left:-56px;
    margin-top:4px;
    font-size:65%;
    background-color:grey;
    opacity:0.65;
    color:white;
    border:solid 1px #9e9d9d;
    border-radius:4px;
    padding:1px 4px 1px 4px;
    cursor:pointer;
    -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
    -ms-transition:all 0.25s ease-out;
    transition:all 0.25s ease-out;
}
.editor_clipboardCopy:hover {
    background-color:white;
    color:grey;
    opacity:1!important;
}
.hyperlink_forward {
    margin-left:6px;
    border:dashed 1px white;
}
.hyperlink_forward:focus, .hyperlink_forward:hover {
    border:dashed 1px #aeaed9;
    border-radius:8px;
}
.thesaurus_menu {
    position:fixed;
    max-height:90vh;
    overflow:auto;
}
.tightCol2 {
    width:1%;
}
.toolbarVisible {
    xpadding-bottom:150px!important;
}
#popup_image_libary {
    display:block;
    xflex-wrap: wrap;
    background-color: #403e3e;
    height:calc(100% - 100px);
    overflow-y:scroll;
    text-align:center;
    padding-top:10px;
    color:white;
}
.imgbox {
    display:inline-block;
    margin:0.15px;
    align-items:center;
    border-left:solid 0.5px #acaaaa;
    border-top:solid 0.5px grey;
    border-right:solid 0.5px #585757;
    border-bottom:solid 0.5px #585757;
    overflow:hidden;
}
/*.insertimg {*/
/*    width:calc(100% - 100px);*/
/*    height:auto;*/
/*}*/
.imgboxinfo {
    text-algn:center;
    margin:6px 12px;
    width:calc(100% - 20px);
}
.imgboxinfo > div {
    line-height:15px;
    width:100%;
}
.imglib_scaler {
    text-align:right;
}
#popup_image_libary>div>div:first-child {
    height:calc(100% - 75px);
}
.libarybuttons {
    bottom:0;
    padding:0;
    color: #afafaf;
    width:calc(100% - 8px)!important;
}
.libarybuttons>i:hover {
    color:white;
}
.libarybuttons > i:first-child {
    float:left;
}
.libarybuttons > i:last-child {
    float:right;
}
.highlightBox {
    background-color:white;
}
.imgKeywordsPanel {
    width:calc(100% - 71px);
    position:absolute;
    border-top:solid 1px grey;
    background-color:#403e3e;
    color:white;
    padding:20px;
}
.imgKeywordsPanel>input {
    width:calc(100% - 50px);
}
.quorraeditor_div ol > li {
    line-height:1.5em;
    margin-left:0;
    padding-left:0;
}
/*.quorraeditor_div ol li::before {*/
/*    content: counter(li, ")");*/
/*    background-color: red;*/
/*    display: inline-block;*/
/*    width: 1em;*/
/*    margin-left: -1em;*/
/*    counter-increment: li;*/
/*    text-align: right;*/
/*}*/
.quorraeditor_div ul  >  ol {
    list-style-type: lower-alpha;
    padding-inline-start:18px;
}
.quorraeditor_div ol  >  ol {
    list-style-type: lower-alpha;
    padding-inline-start:18px;
}
.quorraeditor_div ul > ul > ol {
    list-style-type: lower-roman;
    padding-inline-start:23px;
    padding-left:25px;
}
.quorraeditor_div ol > ol > ol {
    list-style-type: lower-roman;
    padding-inline-start:23px;
    padding-left:25px;
}
.quorraeditor_div ol > ul > ol {
    list-style-type: lower-roman;
    padding-inline-start:23px;
    padding-left:25px;
}
.quorraeditor_div ul > li, .helpcontent ul > li {
    line-height:1.4em;
    margin-left:-23px;
}
.quorraeditor_div > li, .helpcontent > li {
    line-height:1.4em;
    margin-left:0;
}
.quorraeditor_div li + li, .helpcontent li + li  { /* This is the gap between LI bullets */
    margin-top:8px;
}
.quorraeditor_div ul>li, .quorraeditor_div>li, .helpcontent ul>li, .helpcontent>li {
    /*list-style-type:armenian;*/
    /*list-style-type:circle;*/
    /*list-style-type:georgian;*/
    /*list-style-type:disc;*/
    /*list-style-type:unset;*/
    /*list-style-type:lower-alpha;*/
    /*list-style-type:lower-roman;*/
    /*list-style-type:'-';*/
    /*list-style-type:square;*/
    list-style-type:none;
    display:table;
    border-spacing:0;
}
/*.quorraeditor_div ol li::marker {*/
/*    color: #866767;*/
/*    font-weight:600;*/
/*    font-size:90%;*/
/*}*/
.quorraeditor_div ol > li::before, .helpcontent ol > li::before {
    content:unset!important;
}
.quorraeditor_div ul, .helpcontent ul {
    list-style-position: outside;
    padding:0;
    margin:0 0 0 23px;
}
.quorraeditor_div ul li::before, .helpcontent ul li::before {
    content:"▪";
    list-style-type: none;
    color:#;
    font-size:25pt;
    font-weight:bold;
    padding:0 10px 0 0;
    line-height:18px;
    display:table-cell;
    vertical-align:top;
    margin-left:-20px;
}
.quorraeditor_div ul + * {
    margin-top:15px;
}
.quorraeditor_div[contenteditable='true'] * pre {
    cursor:default!important;
}

h5 { /* h5 */
    font-size:13px;
    font-weight:500;
    padding-bottom:1px;
    margin-bottom:1pt;
    line-height:1.0em;
    min-height:16px;
}
h5.style2 { /* h5 */
    font-size:12pt ;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:2px;
    padding-left:0;
    margin-bottom:3px;
    border-bottom:solid 1px #;
    min-height:12pt ;
}
h6x { /* h6 */
    font-size:13pt;
    font-weight:normal;
    border-left:solid 1px #;
    margin:10px 10px 20px 10px;
    padding:3px 20px 3px 10px;
    color:#676363;
    min-height:13px;
}
h6 {
    display:block;
    background-color:rgba(180, 208, 214, 0.42);
    border:solid 1pt rgba(180, 208, 214, 0.98);
    margin:10px;
    padding:10px;
    font-size:13pt;
    font-weight:normal;
    color:#676363;
    overflow:hidden !important;
}
h8 {
    background-image: linear-gradient(#, #),
    linear-gradient(#, #),
    linear-gradient(#, #),
    linear-gradient(#, #);

    background-repeat: no-repeat;
    background-size: 8px 6px;
    background-position: top left, top right, bottom left, bottom right;

    border: solid #;
    border-width: 0 6px;
    padding:20px;
    margin:25px 25px 25px 10px;
    display:block;
    font-size:14pt;
}
h8.editor_styleDemoItem {
    padding:4px!important;
}.arrow-steps .step {
    text-align:center;
    color:#666;
    cursor:default;
    margin:0 3px 6px;
    padding:7px 11px 13px 22px;
    min-width:50px;
    float:left;
    position:relative;
    background-color:#d9d9d9;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition:background-color 0.2s ease;
    height:18px;
    border-right:solid 3pt white;
}
.step:first-child {
    padding-left:7px;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content:" ";
    position:absolute;
    top:0;
    right:-17px;
    width:0;
    height:0;
    border-top:18px solid transparent;
    border-bottom:20px solid transparent;
    border-left:17px solid #d9d9d9;
    z-index:2;
    transition:border-color 0.2s ease;
}

.arrow-steps .step:before {
    right:auto;
    left:0;
    border-left:17px solid #fff;
    z-index:0;
}

.arrow-steps .step:first-child:before {
    border:none;
}

.arrow-steps .step:first-child {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.arrow-steps .step span {
    position:relative;
}

.arrow-steps .step span:before {
    opacity:0;
    content:"✔";
    position:absolute;
    top:-2px;
    left:-20px;
}

.arrow-steps .step.done span:before {
    opacity:1;
    -webkit-transition:opacity 0.3s ease 0.5s;
    -moz-transition:opacity 0.3s ease 0.5s;
    -ms-transition:opacity 0.3s ease 0.5s;
    transition:opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
    color:#fff !important;
    background-color:#4ABB2E;
}

.arrow-steps .step.current:after {
    border-left:17px solid #4ABB2E;
}
.testManager {
    cursor:pointer;
    background-color:orange;
    color:white;
    border-radius:40px;
    padding:6px 9px 6px 6px;
    z-index:9999999;
    display:block;
    width:26px;
    height:26px;
    border:solid 5px white;
    transition:all 0.5s ease 0s!important;
}
.testManager:hover {
    background-color: #ff6a2b;
    color:white;
    border:solid 5px orange;
}
.testManagerF {
    border:solid 5px orange;
    display: block;
    width:10px;
    height:10px;
    padding:0px;
    right:30px;
    bottom:20px;
    overflow: hidden;
    position: relative;
    transition:all 0.5s ease 0s!important;
    overflow: auto;
    z-index:99999;
}
#sumselectedTotal {
    position:fixed;
    right:0px;
    bottom:0px;
    white-space:no-wrap;
    padding:0 10px 0 10px;
    background-color:#adabab;
    color:white;
    font-size:65%;
    text-align:right;
}
#sumselectedTotal .material-icons {
    font-size:90%;
    cursor:pointer;
}
.sumselected {
    background-color:yellow!important;
}.floatingattachmentstable td:first-child {
    width:99%;
}
.floatingattachmentstable td:nth-child(2) {
    text-align:right;
    width:1%;
    white-space:nowrap;
    font-size:90%;
}
.floatingattachmentstable td:nth-child(3) {
    text-align:right;
    width:1%;
    white-space:nowrap;
    font-size:90%;
}
.floatingattachmentstable th:nth-child(2) {
    text-align:right;
    width:1%;
}
.floatingattachmentstable th:nth-child(3) {
    text-align:right;
    width:1%;
}
.addbutX {
    border-radius:9px;
    background-color:grey;
    color:white;
    padding:2px 8px 6px 8px;
}
.listnm {
    background-color:grey;
    border-radius:9px;
    color:white;
    padding:2px 8px 2px 8px;
}
.primaryKeyInput {
    xmargin-left: auto;
    xmargin-right: auto;
    min-width: 50%;
    max-width:300px;
    border: 3px solid green;
    padding: 10px;
    xmargin:50px;
}
.primaryKeyInput * div {
    margin-bottom:8px;
}
.primaryKeyInput * input {
    width:calc(100% - 60px);
}
.wrapper {
    vertical-align:top;
}
#slideControls {
    position:absolute;
    top:66px;
    right:5px;
    text-align:right;
}
/*#rotateSlide {*/
/*    top:calc(85vh - 200px);*/
/*    right:50px;*/
/*}*/
#cropSlide, #cutSlide {
    /*top: calc(85vh - 250px);*/
    /*right: 11px;*/
    padding: 10px !important;
    font-size: 106%;
}
#rotateSlide, #cropSlide, #cutSlide {
    display:block;
    color:white;
    position:relative;
    xfloat:right;
    z-index:999;
    background-color:black;
    border-radius:20px;
    padding:6px;
    margin:10px;
}
#imageZoomContainer {
    background-color: #757575!important;
    border:solid 1px grey;
    width:100%;
    height:calc(100vh - 217px);
    margin-left:1%;
}
#imageZoomContainerReduced {
    height: calc(100vh - 282px);
}
/* For screens where the width is greater than the height */
#pageThumbs {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
@media (min-aspect-ratio: 1/1) {
    #pageThumbs, .landscapeThumbs {
        position: absolute;
        background-color: #757575;
        width: 100px;
        overflow-x: hidden;
        overflow-y: auto;
        float: left;
        height: calc(100% - 170px);
        text-align: center;
        z-index: 999;
        margin-left: 1px; /* otherwise we get a line on the bottom where the buttons are */
    }
}


/* For screens where the height is greater than or equal to the width */
@media (max-aspect-ratio: 1/1) {
    #pageThumbs, .portraitThumbs {
        white-space:nowrap;
        background-color: #757575;
        overflow-x: auto;
        overflow-y: hidden;
        width:100%;
        float: left;
        height: 144px;
        z-index: 999;
        margin-left: 1px; /* otherwise we get a line on the bottom where the buttons are */
    }
    #pageThumbs img {
        width:auto;
        height:80%;
    }
}

.thumbnailPortrait {
    width:80px;
    height:auto;
}
.thumbnailLandscape {
    height:auto;
    width:80px;
}



#mt_ListId {
    min-width:100px;
}

.docDtField, .docValuationDtField {
    width:130px;
    margin-right:10px;
}
.moreButton {
    min-width:60px;
    padding:6px;
    margin:23px 2px 0 10px;
    outline:solid 1px grey;
    border-radius:0;
    background-color: #e7e7e7;
}
.modalButtonsLeft > div {
    width:100%;
}

.homebutton {
    border-radius:9px;
    background-color:#ebebeb;
    color:#fafafa;
    padding:8px 20px 8px 20px;
    margin:5px;
    display:inline-block;
    font-size:14pt;
}
.homebuttonSelected {
    background-color:#86aeae;
    color:white;
}
.deleteIcon {
    color:#c5c5c5;
    font-size:14pt;
}
.closedacct {
    background-color:#f8f8f8!important;
    color:grey!important;
    white-space:nowrap;
}
.modalButton_ {
    background-color:#FF7F27;
}
.modalButton_cut {
    background-color:#7fc400;
}
.addicon {
    padding-top:7px;
}
.editicon {
    font-size:102%!important;
}
.keycode {
    font-family:courier;
    width:40px!important;
    min-width:40px!important;
    margin-right:5px;
    color:black!important;
}
.smallButton {
    margin:4px 2px 2px 2px;
    min-width:100px;
    max-width:100px!important;
    display:inline-block!important;
    vertical-align:middle;
}
.hidden2 {
    color:white;
    width:1px;
    line-height:1px;
    height:1px;
    border:none;
    background-color:white;
}
.xassetlist {
    background-color:white;
    color:black;
    padding:2px 8px 2px 8px;
    border-radius:0;
    border-bottom:solid 3px white;
}
.xassetlist:hover {
    border-bottom:solid 3px black;
}
.selectedlist {
    background-color:black;
    color:white;
    border-radius:20px!important;
    xborder-bottom:none!important;
}
.xaddasset, .xaddasset > a {
    position:absolute;
    bottom:0;
    background-color:#4fa73c;
    color:white!important;
    width:100vw;
    padding:2px;
    left:0;
}
.addasset {
    position:fixed;
    bottom:150px;
    right:50px;
    background-color:green;
    border-radius:30px;
    z-index:2;
}
.addasset * i {
    font-size:35pt;
    color:white;
    padding:3px;
}
.addscans {
    position:fixed;
    bottom:220px;
    right:50px;
    color:white;
    z-index:2;
}
.addscans * i {
    font-size:40pt;
}
.cameraicon {
    background-color:black;
    border-radius:30px;
}
.cameraicon * i {
    font-size:29pt;
    color:white;
    padding:7px 7px 5px 7px;
}

iframe > * img {
    width:100%;
}
#fileframe {
    border:solid 1pt grey;
    height:calc(100vh - 400px);
    width:calc(100vw - 100px);
    margin-top:4px
}
.highlighted {
    background-color:#bceeb1;
}
.docimage {
    touch-action:auto;
    width:calc(100% - 10px);
    box-shadow:0 5px 12px #454545;
    border:solid 1px #b8b8b8;
}
.status_Pending, .status_Work_In_Progress, .status_Complete {
    white-space:nowrap;
    border-radius:9px;
    margin:2px;
    padding:2px 10px 2px 10px;
}
.status_Pending {
    background-color:#e26077!important;
    color:white;
}
.statusFg_Pending {
    color:#e26077!important;
    color:white;
}
.status_Work_In_Progress {
    background-color:orange!important;
    color:white;
}
.statusFg_Work_In_Progress {
    color:orange!important;
    color:white;
}
.status_Complete {
    background-color:#4ABB2E!important;
    color:white;
}
.statusFg_Complete {
    color:#4ABB2E!important;
    color:white;
}
.modalButton_add, .modalButton_download, .modalButton_addpayeforms, .modalButton_adddocument, .modalButton_addinterest, .modalButton_addincometxn, .modalButton_addtransaction, .modalButton_share, .modalButton_  {
    background-color:#ffb268;
}
.modalButton_add:hover, .modalButton_download:hover, .modalButton_addpayeforms:hover, .modalButton_adddocument:hover, .modalButton_addinterest:hover, .modalButton_addincometxn:hover, .modalButton_addtransaction:hover, .modalButton_share:hover, .modalButton_:hover {
    background-color: #d9a579;
}
.editicon {
    margin-left:10px;
    font-size:90%;
    color:grey;
}
.noassets {
    background-color:#e26077!important;
    color:white;
    padding:10px;
    border-radius:9px;
    text-align:center;
}
body {
    overflow:hidden;
}
.colWarningFg2 {
    color:#da0d1b !important; /* or #da4453 */
    padding-left:5px;
}
/*#div_pie {*/
/*    vertical-align:top;*/
/*    xdisplay:inline-block;*/
/*    width:600px;*/
/*    padding:10px;*/
/*}*/
#div_history, #chart_div {
    xborder:solid 1pt green;
    vertical-align:top;
    xdisplay:inline-block;
    width:calc(100vw - 50px);
    min-width:500px;
    height:70vh;
    max-height:700px;
}
/*@media screen and (max-width:1100px) {*/
/*    #div_pie {*/
/*        vertical-align:top;*/
/*        xdisplay:inline-block;*/
/*        width:95vw;*/
/*        padding:10px;*/
/*    }*/
/*    #div_history {*/
/*        xborder:solid 1pt red;*/
/*        vertical-align:top;*/
/*        xdisplay:inline-block;*/
/*        width:95vw;*/
/*        min-width:500px;*/
/*        height:70vh;*/
/*    }*/
/*}*/
.popoutcontent {
    max-height:calc(100vh - 150px);
    background-color:white;
}
@media screen and (max-width:1300px) {
    .popoutcontent {
        max-height:calc(100vh - 230px);
    }
    .popoutbuttons {
        height:150px;
    }
}
.popoutbuttons {
    background-color: white;
    position: absolute;
    width: 100vw;
    padding:0 10px 0 10px;
    z-index:999999;
}
.listsdiv {
    width:calc(100vw - 25px);
    overflow:auto;
}
.prevNextButtonDiv {
    float:right;
}
.prevNextButtonDiv > button {
    border:none;
    background-color:transparent;
    cursor:pointer;
}
.prevNextButtonDiv > button:disabled {
    cursor:not-allowed;
}
#mt_AssetId-selectFilter:disabled {
    border:solid 1px red!important;
    background-color: #fff!important;
}
#mt_ManagerId-selectFilter:disabled {
    background-color: #fff!important;
}
.fullscreen {
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    margin:0;
    xbackground-color:black;
}
.fullscreen img {
    position:absolute!important;
    width:95%!important;
    height:auto!important;
    display: flex!important;
    align-items: center!important;
    margin:0!important;
    justify-content: center!important;
}
label.admin {
    margin:10px;
    border:none;
}
input.admin[type='date'] {
    width:150px;
    padding:5px;
    background-image:none;
}

.report {
    font-size:11pt;
}
.report h2 {
    padding-top:10px;
    text-decoration: underline;
    font-size:16px;
    display:inline-block;
    border-bottom:none;
}
.report_table {
    font-size:11pt;
    width:100%;
}
.report_table tr {
    vertical-align:top;
}
.report_table .headerRow > th {
    font-weight:600;
    font-size:14px;
    background-color: #f7efef;
    text-align:left;
}
.report_table .bold {
    font-weight:600;
    font-size:14px;
}
.report_table th, .report_table td {
    padding: 4px 8px 4px 8px !important;
}
.report_table .checkbox_container, .notes .checkbox_container {
    margin:1px 16px 0 -13px;
    padding:0;
    width:31px;
}
/*.report_table tfoot td { ... removed tfoot as PDF pagebreaks were a problem */
/*    xbackground-color:#eaf0eb;*/
/*}*/
.lined_table a {
    color:black;
}
.notes {
    margin-top:20px;
    border:none!important;
    width:100%;
}
.notes tr {
    vertical-align: top;
}

.pdf {
    margin:0;
    padding:0;
}
.pdf .report_table {
    font-size:9pt;
}
.pdf h1 {
    font-size:12pt;
    border-bottom:solid 1px black;
}
.pdf .notes {
    font-size:11pt;
    margin-top:0;
}
.pdf li {
    font-size:11pt;
}
.pdf table {
    page-break-inside: avoid;
}
.disabled {
    color:grey;
    cursor:not-allowed!important;
}
.wrapper > .tabwrap > .tab {
    font-size:13pt;
    margin-right:10px;
    width:85px;
    min-width:85px;
    xborder:none;
    margin-bottom:0;
    xpadding:7px 0 15px 10px!important;
    background-color: white;
    color:black;
}

.wrapper .tabwrap {
    border-bottom:solid 2px black;
    width:100%;
}
.aforminputfield>.aforminputfieldccy + input, .aforminputfieldccyval  {
    xmax-height:16px;

}
.aforminputfieldccyval {
    padding:0 0 3px;
}
.modalpopup div.adminBx {
    max-width:calc(100% - 18px)!important;
}
.leftside > select {
    padding-top:0px!important;
}
.checkmark {
    margin-left:8px!important;
}
.checkbox_container {
    margin:10px 0 0 0;
    vertical-align:top;
}
#forminputs {
    padding-bottom:10px;
    overflow:auto;
}
.checklistFlag {
    padding-right:50px!important; /* This moves the flag away from the right and therefore not competing with the camera icon */
}

@media screen and (max-width:675px) {
    .listfilters > span {
        display: block;
        margin-left: 10px;
        margin-top: 20px;
    }
    div.mf-option {
       margin-top:10px!important;
       margin-bottom:10px!important;
    }
}
.primaryKeyInput * input[type='password'] {
    width:calc(100% - 60px)!important;
}
#imageZoomSlide {
    width:unset!important; /* Prevent modal width problems with viewing documents */
}
#listoptions i {
    margin-left:10px;
}
@media screen and (max-width:500px) {
    .aforminputlabel {
        display: table-row;
    }

    .aforminputfield {
        xmin-width: 300px !important;
        max-width: 300px !important;
    }
}
#fieldrow_mt_NotesTx > .aforminput > .aforminputfield > input {
    max-width: calc(100% - 70px);
}
#fieldrow_mt_NotesTx > .aforminput > .aforminputfield > a {
    float:right;
    margin-top:-34px;
    margin-right:-2px;
}

#fieldrow_mt_NotesTx > .aforminput > .aforminputfield > input + a {
    margin-right:31px!important;
}
#txnArea {
    max-width:95vw!important;
    height:calc(100vh - 378px);
    overflow-y:auto;
}
#txnArea table th {
    z-index:999999!important;
}
.modalContent_Asset_Attachments_List {
    overflow-y:hidden;
}
.sales span {
    border-radius:9px;
    padding:2px 6px 2px 6px;
    background-color:#f1f1f1;

}
#assetArea .listfilters {
    margin-left:14px;
}
.show-filter {
    margin-right:15px;
}
.checklist-selector {
    margin-left:21px;
    width:fit-content;
}
.mf-select-container {
    display:inline-block;
}
.mf-select-container .admin {
    min-height:unset!important;
    box-sizing:unset;
    border-radius:3px!important;
}
div.mf-select {
    border:solid 1px red;
}
div.mf-select-ChecklistId {
    min-width:250px;
}
div.mf-select-ChecklistId > .mf-ddlb:last-child > .mf-option:last-child {
    background-color:#ebe9e9!important;
    border-radius:6px!important;
    padding:3px!important;
}
.mf-option {
    margin:6px!important;
    text-align:left!important;
}
.mf-option.optgroup {
    margin-top:15px!important;
}
@media screen and (max-width:670px) {
    .assetPop.limitOnSmallScreen {
        max-width: 68vw;
    }
}
#mt_cutFrom, #mt_cutTo {
    width:75px;
}


.modalContent .aforminputfieldccyval {
    xheight:32px!important;
}
.modalpopup-editrecord, .modalpopup-addrecord {
    display:block;
    width: max-content;
}
.modalpopup-editrecord * .aformfieldrow, .modalpopup-addrecord * .aformfieldrow {
    position: sticky;
    left:0;
    max-width: calc(100vw - 40px)!important;
}
#fieldrow_mt_HoldingsBx {
    position:unset!important;
}
div.holdings {
    width:calc(100vw - 75px);
    transition:none;
    display:block!important;
    xmax-height:calc(100vh - 500px);
    font-size:11pt;
}
table.holdings {
    width:100%;
    padding:2px;
}
table.holdings tr {
    border:solid 1px grey;
}

table.holdings td {
    border:solid 1px #f1f1f1;
    padding: 5px;
    cursor: text;
    min-width:60px;
    white-space:nowrap;
    background-color:white;
}
table.holdings td#ChangesBx {
    cursor:default;
}
/*table.holdings th.InstrumentNm, table.holdings td.InstrumentNm {*/
/*    max-width:150px;*/
/*    text-overflow:ellipsis;*/
/*    overflow:hidden;*/
/*}*/
table.holdings td.BookCostCcy
, table.holdings th.BookCostCcy
, table.holdings td.UnitPriceCcy
, table.holdings th.UnitPriceCcy
, table.holdings td.WeightPct
, table.holdings th.WeightPct
{
    width:50px;
    text-align:right;
}
table.holdings td.Qty, table.holdings th.Qty {
    width:70px;
}
table.holdings td.GainAmtPct, table.holdings th.GainAmtPct {
    width:70px;
}
table.holdings td.MktValBase, table.holdings th.MktValBase {
    width: 100px;
}
table.holdings td.MktValBase {
    background-color:#e8fff2
}
table.holdings td.UnitPriceAmt, table.holdings th.UnitPriceAmt {
    width:100px;
}
table.holdings td.BookCostBase, table.holdings th.BookCostBase {
    width:100px;
}
table.holdings td.ShortNm {
    background-color:#f7f9f3;
}
table.holdings td.BookCostBase {
    background-color:#e3f5eb;
}
table.holdings td > span {
    white-space:nowrap;
    background-color:orange;
}
table.holdings td:first-child {
    cursor:pointer;
    min-width:10px!important;
}
table.holdings td.InstrumentNm,
table.holdings th.InstrumentNm,
table.holdings td.SecurityID,
table.holdings th.SecurityID {
    display:none;
}
table.holdings td.Qty,
table.holdings td.MktValBase,
table.holdings td.UnitPriceAmt,
table.holdings td.BookCostBase,
table.holdings td.GainAmtPct,
table.holdings td.WeightPct,
table.holdings th.Qty,
table.holdings th.MktValBase,
table.holdings th.UnitPriceAmt,
table.holdings th.BookCostBase,
table.holdings th.GainAmtPct,
table.holdings th.WeightPct
{
    text-align:right;
}


table.holdings th {
    padding-right:10px;
    white-space:nowrap;
}
table.holdings tr > th:last-child, table.holdings tr > td:last-child {
    border:none;
    width:10px;
    white-space:nowrap;
}
table.holdings .total-row {
    background-color: #ebeaea;
}

table.holdings .total-row td {
    font-weight:600;
}
table.holdings .NotesBx {
    white-space:nowrap;
    max-width:150px;
    text-overflow:ellipsis;
    overflow:hidden;
}
table.holdings .HiddenNotesBx {
    display:none;
}
table.holdings .ic-links {
    width:1px;
    min-width:1px;
}
table.holdings button {
    margin: 5px;
    border-radius: 7px !important;
    cursor: pointer;
    padding: 0 0 5px;
    min-width: 22px;
    line-height: 18px;
    border: solid 1px grey;
}
.flex-filtercontainer div.keep-together {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    flex: 0 0 auto;
}
.positive-val {
    color:green;
}
.negative-val {
    color:red;
}
@media screen and (max-width:1000px) {
    .flex-filtercontainer div.keep-together {
        gap: 0px;
    }
    table.holdings {
        font-size:87%;
    }
    table.holdings td {
        padding: 3px!important;
    }
    table.holdings th:first-child {
        display:none;
    }
    table.holdings td:first-child {
        display:none;
    }
}
.flex-filtercontainer li.keep-together {
    flex: 1 1 auto;
}
.progressBarOuter {
    max-height:calc(100vh - 260px);
}
.uploadSideBarFoot {
    width:501px;
    max-width:unset;
    margin:10px 0 0 10px;
}
.progressBarOuter button {
    font-size:11px;
    border:solid 1px grey;
    padding:0 2px 0 2px;
    cursor:pointer;
}
.smallccy {
    font-size:75%;
    line-height:9px;
}
th.txntype {
    min-width:140px !important;
}
td.txnval {
    background-color:#f0f3f0!important;
}
td.txnamt {
    background-color:rgba(234,240,235,0.51)!important;
}
td.txntype > i {
    padding-right: 8px;
}
td.txntype > span {
    display:inline-block;
    line-height: 18px;
}
.txnccy, .txndt {
    font-size:83%;
    padding-top:10px!important;
}
.modalTitle  > span {
    font-size:inherit;
}
.limitedWidth {
    width:calc(100% - 150px);
    overflow:hidden;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#fieldrow_mt_HoldingsBx > div > div.aforminputlabel {
    display:block;
}
#fieldrow_mt_HoldingsBx > div > div.aforminputfield {
    display:block;
    margin-left:10px;
    max-width:calc(100vw - 10px)!important
}
.compactView {
    width:calc(100% - 55px);
}
.details-block {
    background-color:#fbf7ff!important;
    xdisplay:table;
    width:100%;
}
.details-block td {
    width:unset!important;
}
.details-block div {
    text-align:center;
    margin-left:15%;
    overflow-x:auto;
}
.details-block div > div {
    display:table-row;
}
.details-block div > div > span {
    display:table-cell;
    border-bottom:solid 1px #e5dcdc;
}
.details-block div > div > span:first-child {
    text-align:right;
    font-size:72%;
    color:grey;
    padding:2px 10px 2px 10px;
}
.details-block div > div > span:last-child {
    text-align:right;
    white-space:normal;
    max-width:210px;
}

.rowhover:hover td {
    filter: brightness(90%);
}
.rowhover:hover td:has([style*="background-color: #ffffff"]),
.rowhover:hover td:has([style*="background-color: #ffffff"]),
.rowhover:hover td:has([style*="background-color: #fff"]) {
    background-color: rgba(0, 0, 0, 0.03); /* Add a subtle gray tint */
    filter: none; /* Avoid double darkening */
}
.mf-column-databar {
    background-color:#378d26 !important;
}
.fg-green {
    color: green;
}
.fg-red {
    color:red;
}
.cropOverlay {
    position:absolute;
    left:1px;
    right:1px;
    top:1px;
    bottom:1px;
    z-index:9999;
    background-color:white;
    width:100%;
    xoverflow:hidden;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.crophead {
    height:40px;
    vertical-align: top;
    font-weight:600;
    font-size:100%;
}
.croppingImageCopy {
    border:solid 1px grey!important;
    height:auto;
    cursor:crosshair;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, OFpera and Firefox */
}
.closeButton2 {
    position:absolute;
    z-index:99999;
    right:20px;
}
.cropContainer {
    width:calc(100vw - 13px);
    height:calc(100vh - 112px);
    padding:0 5px 0 5px;
    margin-top:10px;
    margin-left:auto;
    margin-right:0;
    text-align:center;
    overflow:hidden;
    background-color:white;
}
.attachment_table {
    width:100%;
}
.cropContainerImg {
    display:inline-block;
}
.cropShape {
    width:77px;
    position:absolute;
    display:inline-block;
    top:100px;
    right:0px;
}
.cropRectangle {
}
.cropTrapezium {
    margin-top:20px;
}
.cropChoice {
    width:28px;
    height:28px;
    min-width:28px;
    min-height:28px;
    border-radius:55px;
    padding:3px 3px 2px 3px;
}
.cropChoice.cropChoiceSelected {
    background-color:green!important;
    color:white!important;
}
.cropElements {
    position:relative;
    xoverflow-y:scroll;
    width:100%;
    max-width:calc(100vw - 100px);
    height:100%;
}
.fitScreen {
    width:unset!important;
    max-width:100%;
    max-height:calc(100vh - 150px);
}
.mf-cropOverlay {
    position:fixed;
    left:1px;
    right:1px;
    top:0;
    bottom:0;
    z-index:9999;
    background-color:white;
    width:100%;
    xoverflow:hidden;
    font-size:unset!important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.mf-cropOverlay, .mf-cropOverlay * {
    max-width: 100% !important;
}
.mf-cropHead {
    height:40px;
    vertical-align: top;
    font-weight:600;
    font-size:100%;
}
.mf-cropImageCopy {
    border:solid 1px grey!important;
    height:auto;
    cursor:crosshair;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.mf-cropCloseButton2 {
    position:fixed;
    z-index:99999;
    top:0;
    right:10px;
}
.mf-cropContainer {
    width: calc(var(--vw, 1vw) * 100 - 13px);
    height: calc(var(--vh, 1vh) * 100 - 112px);
    padding:0 0 0 5px;
    margin-top:10px;
    margin-left:auto;
    margin-right:0;
    text-align:center;
    overflow:hidden;
    background-color:white;
}
.mf-cropAttachment-table {
    width:100%;
}
.mf-cropFontsize120 {
    font-size:120% !important;
}
.mf-cropNowrap {
    white-space:nowrap !important;
}
.mf-cropStickyTop {/* only works on Chrome and Safari and Edge16 (not IE)*/
    position:-webkit-sticky;
    position:sticky;
    top:0; /* If it's 0 then you see the content scrolling above the top of the table cell */
    z-index:1 !important;
}
.mf-cropShape {
    width:50px;
    position:absolute;
    display:inline-block;
    top:120px;
    right:12px;
    width:fit-content;
}
.mf-cropRectangle {
}
.mf-cropTrapezium {
    margin-top:20px;
}
.mf-cropChoice {
    width:28px;
    height:28px;
    min-width:28px;
    min-height:28px;
    border-radius:55px;
    padding:3px 3px 2px 3px;
}
.mf-cropChoice.cropChoiceSelected {
    background-color:green!important;
    color:white!important;
}
.mf-cropElements {
    position:relative;
    width:100%;
    max-width:calc(100vw - 100px);
    height:100%;
    padding0;
    overflow-y:auto;
}
.mf-cropFitScreen {
    max-width:calc(100% - 120px)!important;
    width:100%;
    xmax-height: calc(var(--vh, 1vh) * 100 - 150px); /* Use --vh here as well */
}
.mf-cropApplyMask, .mf-cropApplyTrim, .mf-cropTrapezium, .mf-cropRectangle, .mf-cropCancel {
    cursor:pointer;
    text-decoration:none !important;
    white-space:nowrap;
    transition:all 0.15s ease-in-out 0s;
    border-radius:50%;
    color:black;
}
.mf-cropApplyMask:hover, .mf-cropApplyTrim:hover, .mf-cropCancel:hover {
    color:darkseagreen;
}
.mf-cropZoomPreview {
    position:absolute;
    border:solid 1px #333;
    border-radius:50%;
}
.mf-cropHidden {
    display:none;
}
.mf-cropProcessing {
    pointer-events: none; /* Disables all pointer interactions */
    opacity: 0.9;
    filter:contrast(0.3);
    cursor:wait;
}.imagezoomer {
    width:auto;
    height:auto;
    max-width:100%;
}
.imageZoom {
    position:fixed;
    right:20px;
    top:10px;
    xz-index:99;
    width:35px;
    height:35px;
    background-color:grey;
    opacity:0.65;
    border:solid 1px white;
    /*border-left:solid 1px white;*/
    /*border-bottom:solid 1px white;*/
}
.imageZoom:hover {
    background-color: black;
    opacity:1!important;
}
.imageZoomIcon {
    color:white;
    font-size:26pt!important;
}
.imageZoomImageMaxFrame0 {
    position:fixed;
    left:20px;
    top:18px;
    width:calc(100vw - 60px);
    max-height:calc(100vh - 120px);
    border:solid 10px grey;
    background-color:#4e4b4b;
    overflow:hidden;
    text-align:center;
    vertical-align:top;
    z-index:1000000;
    cursor:all-scroll;
}
.imageZoomImageMaxFrame2 {
    position:fixed;
    left:0px;
    top:0px;
    width:100vw;
    height:100vh;
    background-color:black;
    overflow:hidden;
    text-align:center;
    vertical-align:top;
    z-index:1000000;
    cursor:all-scroll;
    vertical-align:center;
    text-align:left;
}
.imageZoomMaxCloserButton1 {
    position:fixed;
    color:white;issue
    font-size:30px;
    border:solid 2px black;
    background-color:grey;
    border-radius:40px;
    width:28px;
    height:26px;
    text-align:center;
    padding:1px 0 0 0;
    margin-top:-5px;
    margin-left:-5px;
}
.imageZoomMaxCloserButton1:hover {
    background-color:black;
}

.imageZoomMaxCloserButton2 {
    position:fixed;
    color:white;
    font-size:50px;
    text-align:center;
    z-index:1000001;
    padding:1px 0 0 0;
    margin-top:-5px;
    margin-left:-5px;
    right:20px;
    top:20px;
}

#imageZoomContainer{
    xwidth:500px;
    xheight:500px;
    overflow:hidden;
    background-color: #141414;
}
#imageZoomSlide{
    width:calc(100vw - 100px)!important;
    height:100vh;
    transition: transform .3s;
    margin-top:5vh;
}/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
.ui-helper-hidden {display: none;}.ui-helper-hidden-accessible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: "";display: table;}.ui-helper-clearfix:after {clear: both;}.ui-helper-clearfix {zoom: 1;}.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0);}.ui-state-disabled {cursor: default !important;}.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}.ui-widget-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.ui-widget {font-family: Verdana,Arial,sans-serif;font-size: 1.1em;}.ui-widget .ui-widget {font-size: 1em;}.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: Verdana,Arial,sans-serif;font-size: 1em;}.ui-widget-content {border: 1px solid #a6c9e2;background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;color: #222222;}.ui-widget-content a {color: #222222;}.ui-widget-header {border: 1px solid #4297d7;background: #2191c0 url(images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x;color: #eaf5f7;font-weight: bold;}.ui-widget-header a {color: #eaf5f7;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #77d5f7;background: #0078ae url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;font-weight: normal;color: #ffffff;}.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #ffffff;text-decoration: none;}.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 1px solid #448dae;background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;font-weight: normal;color: #026890;}.ui-state-hover a, .ui-state-hover a:hover {color: #026890;text-decoration: none;}.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #acdd4a;background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;font-weight: normal;color: #ffffff;}.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #ffffff;text-decoration: none;}.ui-widget :active {outline: none;}.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd113;background: #f8da4e url(images/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x;color: #915608;}.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color: #915608;}.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;background: #e14f1c url(images/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x;color: #ffffff;}.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color: #ffffff;}.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {color: #ffffff;}.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {font-weight: bold;}.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: .7;filter:Alpha(Opacity=70);font-weight: normal;}.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35);background-image: none;}.ui-icon {width: 16px;height: 16px;background-image: url(images/ui-icons_0078ae_256x240.png);}.ui-widget-content .ui-icon {background-image: url(images/ui-icons_0078ae_256x240.png);}.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png);}.ui-state-default .ui-icon {background-image: url(images/ui-icons_e0fdff_256x240.png);}.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_056b93_256x240.png);}.ui-state-active .ui-icon {background-image: url(images/ui-icons_f5e175_256x240.png);}.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_f7a50d_256x240.png);}.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_fcd113_256x240.png);}.ui-icon-carat-1-n {background-position: 0 0;}.ui-icon-carat-1-ne {background-position: -16px 0;}.ui-icon-carat-1-e {background-position: -32px 0;}.ui-icon-carat-1-se {background-position: -48px 0;}.ui-icon-carat-1-s {background-position: -64px 0;}.ui-icon-carat-1-sw {background-position: -80px 0;}.ui-icon-carat-1-w {background-position: -96px 0;}.ui-icon-carat-1-nw {background-position: -112px 0;}.ui-icon-carat-2-n-s {background-position: -128px 0;}.ui-icon-carat-2-e-w {background-position: -144px 0;}.ui-icon-triangle-1-n {background-position: 0 -16px;}.ui-icon-triangle-1-ne {background-position: -16px -16px;}.ui-icon-triangle-1-e {background-position: -32px -16px;}.ui-icon-triangle-1-se {background-position: -48px -16px;}.ui-icon-triangle-1-s {background-position: -64px -16px;}.ui-icon-triangle-1-sw {background-position: -80px -16px;}.ui-icon-triangle-1-w {background-position: -96px -16px;}.ui-icon-triangle-1-nw {background-position: -112px -16px;}.ui-icon-triangle-2-n-s {background-position: -128px -16px;}.ui-icon-triangle-2-e-w {background-position: -144px -16px;}.ui-icon-arrow-1-n {background-position: 0 -32px;}.ui-icon-arrow-1-ne {background-position: -16px -32px;}.ui-icon-arrow-1-e {background-position: -32px -32px;}.ui-icon-arrow-1-se {background-position: -48px -32px;}.ui-icon-arrow-1-s {background-position: -64px -32px;}.ui-icon-arrow-1-sw {background-position: -80px -32px;}.ui-icon-arrow-1-w {background-position: -96px -32px;}.ui-icon-arrow-1-nw {background-position: -112px -32px;}.ui-icon-arrow-2-n-s {background-position: -128px -32px;}.ui-icon-arrow-2-ne-sw {background-position: -144px -32px;}.ui-icon-arrow-2-e-w {background-position: -160px -32px;}.ui-icon-arrow-2-se-nw {background-position: -176px -32px;}.ui-icon-arrowstop-1-n {background-position: -192px -32px;}.ui-icon-arrowstop-1-e {background-position: -208px -32px;}.ui-icon-arrowstop-1-s {background-position: -224px -32px;}.ui-icon-arrowstop-1-w {background-position: -240px -32px;}.ui-icon-arrowthick-1-n {background-position: 0 -48px;}.ui-icon-arrowthick-1-ne {background-position: -16px -48px;}.ui-icon-arrowthick-1-e {background-position: -32px -48px;}.ui-icon-arrowthick-1-se {background-position: -48px -48px;}.ui-icon-arrowthick-1-s {background-position: -64px -48px;}.ui-icon-arrowthick-1-sw {background-position: -80px -48px;}.ui-icon-arrowthick-1-w {background-position: -96px -48px;}.ui-icon-arrowthick-1-nw {background-position: -112px -48px;}.ui-icon-arrowthick-2-n-s {background-position: -128px -48px;}.ui-icon-arrowthick-2-ne-sw {background-position: -144px -48px;}.ui-icon-arrowthick-2-e-w {background-position: -160px -48px;}.ui-icon-arrowthick-2-se-nw {background-position: -176px -48px;}.ui-icon-arrowthickstop-1-n {background-position: -192px -48px;}.ui-icon-arrowthickstop-1-e {background-position: -208px -48px;}.ui-icon-arrowthickstop-1-s {background-position: -224px -48px;}.ui-icon-arrowthickstop-1-w {background-position: -240px -48px;}.ui-icon-arrowreturnthick-1-w {background-position: 0 -64px;}.ui-icon-arrowreturnthick-1-n {background-position: -16px -64px;}.ui-icon-arrowreturnthick-1-e {background-position: -32px -64px;}.ui-icon-arrowreturnthick-1-s {background-position: -48px -64px;}.ui-icon-arrowreturn-1-w {background-position: -64px -64px;}.ui-icon-arrowreturn-1-n {background-position: -80px -64px;}.ui-icon-arrowreturn-1-e {background-position: -96px -64px;}.ui-icon-arrowreturn-1-s {background-position: -112px -64px;}.ui-icon-arrowrefresh-1-w {background-position: -128px -64px;}.ui-icon-arrowrefresh-1-n {background-position: -144px -64px;}.ui-icon-arrowrefresh-1-e {background-position: -160px -64px;}.ui-icon-arrowrefresh-1-s {background-position: -176px -64px;}.ui-icon-arrow-4 {background-position: 0 -80px;}.ui-icon-arrow-4-diag {background-position: -16px -80px;}.ui-icon-extlink {background-position: -32px -80px;}.ui-icon-newwin {background-position: -48px -80px;}.ui-icon-refresh {background-position: -64px -80px;}.ui-icon-shuffle {background-position: -80px -80px;}.ui-icon-transfer-e-w {background-position: -96px -80px;}.ui-icon-transferthick-e-w {background-position: -112px -80px;}.ui-icon-folder-collapsed {background-position: 0 -96px;}.ui-icon-folder-open {background-position: -16px -96px;}.ui-icon-document {background-position: -32px -96px;}.ui-icon-document-b {background-position: -48px -96px;}.ui-icon-note {background-position: -64px -96px;}.ui-icon-mail-closed {background-position: -80px -96px;}.ui-icon-mail-open {background-position: -96px -96px;}.ui-icon-suitcase {background-position: -112px -96px;}.ui-icon-comment {background-position: -128px -96px;}.ui-icon-person {background-position: -144px -96px;}.ui-icon-print {background-position: -160px -96px;}.ui-icon-trash {background-position: -176px -96px;}.ui-icon-locked {background-position: -192px -96px;}.ui-icon-unlocked {background-position: -208px -96px;}.ui-icon-bookmark {background-position: -224px -96px;}.ui-icon-tag {background-position: -240px -96px;}.ui-icon-home {background-position: 0 -112px;}.ui-icon-flag {background-position: -16px -112px;}.ui-icon-calendar {background-position: -32px -112px;}.ui-icon-cart {background-position: -48px -112px;}.ui-icon-pencil {background-position: -64px -112px;}.ui-icon-clock {background-position: -80px -112px;}.ui-icon-disk {background-position: -96px -112px;}.ui-icon-calculator {background-position: -112px -112px;}.ui-icon-zoomin {background-position: -128px -112px;}.ui-icon-zoomout {background-position: -144px -112px;}.ui-icon-search {background-position: -160px -112px;}.ui-icon-wrench {background-position: -176px -112px;}.ui-icon-gear {background-position: -192px -112px;}.ui-icon-heart {background-position: -208px -112px;}.ui-icon-star {background-position: -224px -112px;}.ui-icon-link {background-position: -240px -112px;}.ui-icon-cancel {background-position: 0 -128px;}.ui-icon-plus {background-position: -16px -128px;}.ui-icon-plusthick {background-position: -32px -128px;}.ui-icon-minus {background-position: -48px -128px;}.ui-icon-minusthick {background-position: -64px -128px;}.ui-icon-close {background-position: -80px -128px;}.ui-icon-closethick {background-position: -96px -128px;}.ui-icon-key {background-position: -112px -128px;}.ui-icon-lightbulb {background-position: -128px -128px;}.ui-icon-scissors {background-position: -144px -128px;}.ui-icon-clipboard {background-position: -160px -128px;}.ui-icon-copy {background-position: -176px -128px;}.ui-icon-contact {background-position: -192px -128px;}.ui-icon-image {background-position: -208px -128px;}.ui-icon-video {background-position: -224px -128px;}.ui-icon-script {background-position: -240px -128px;}.ui-icon-alert {background-position: 0 -144px;}.ui-icon-info {background-position: -16px -144px;}.ui-icon-notice {background-position: -32px -144px;}.ui-icon-help {background-position: -48px -144px;}.ui-icon-check {background-position: -64px -144px;}.ui-icon-bullet {background-position: -80px -144px;}.ui-icon-radio-off {background-position: -96px -144px;}.ui-icon-radio-on {background-position: -112px -144px;}.ui-icon-pin-w {background-position: -128px -144px;}.ui-icon-pin-s {background-position: -144px -144px;}.ui-icon-play {background-position: 0 -160px;}.ui-icon-pause {background-position: -16px -160px;}.ui-icon-seek-next {background-position: -32px -160px;}.ui-icon-seek-prev {background-position: -48px -160px;}.ui-icon-seek-end {background-position: -64px -160px;}.ui-icon-seek-start {background-position: -80px -160px;}.ui-icon-seek-first {background-position: -80px -160px;}.ui-icon-stop {background-position: -96px -160px;}.ui-icon-eject {background-position: -112px -160px;}.ui-icon-volume-off {background-position: -128px -160px;}.ui-icon-volume-on {background-position: -144px -160px;}.ui-icon-power {background-position: 0 -176px;}.ui-icon-signal-diag {background-position: -16px -176px;}.ui-icon-signal {background-position: -32px -176px;}.ui-icon-battery-0 {background-position: -48px -176px;}.ui-icon-battery-1 {background-position: -64px -176px;}.ui-icon-battery-2 {background-position: -80px -176px;}.ui-icon-battery-3 {background-position: -96px -176px;}.ui-icon-circle-plus {background-position: 0 -192px;}.ui-icon-circle-minus {background-position: -16px -192px;}.ui-icon-circle-close {background-position: -32px -192px;}.ui-icon-circle-triangle-e {background-position: -48px -192px;}.ui-icon-circle-triangle-s {background-position: -64px -192px;}.ui-icon-circle-triangle-w {background-position: -80px -192px;}.ui-icon-circle-triangle-n {background-position: -96px -192px;}.ui-icon-circle-arrow-e {background-position: -112px -192px;}.ui-icon-circle-arrow-s {background-position: -128px -192px;}.ui-icon-circle-arrow-w {background-position: -144px -192px;}.ui-icon-circle-arrow-n {background-position: -160px -192px;}.ui-icon-circle-zoomin {background-position: -176px -192px;}.ui-icon-circle-zoomout {background-position: -192px -192px;}.ui-icon-circle-check {background-position: -208px -192px;}.ui-icon-circlesmall-plus {background-position: 0 -208px;}.ui-icon-circlesmall-minus {background-position: -16px -208px;}.ui-icon-circlesmall-close {background-position: -32px -208px;}.ui-icon-squaresmall-plus {background-position: -48px -208px;}.ui-icon-squaresmall-minus {background-position: -64px -208px;}.ui-icon-squaresmall-close {background-position: -80px -208px;}.ui-icon-grip-dotted-vertical {background-position: 0 -224px;}.ui-icon-grip-dotted-horizontal {background-position: -16px -224px;}.ui-icon-grip-solid-vertical {background-position: -32px -224px;}.ui-icon-grip-solid-horizontal {background-position: -48px -224px;}.ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;}.ui-icon-grip-diagonal-se {background-position: -80px -224px;}.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-khtml-border-top-left-radius: 5px;border-top-left-radius: 5px;}.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-khtml-border-top-right-radius: 5px;border-top-right-radius: 5px;}.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-khtml-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-khtml-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}.ui-widget-overlay {background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;opacity: .30;filter:Alpha(Opacity=30);}.ui-widget-shadow {margin: 5px 0 0 5px;padding: 0px;background: #999999 url(images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x;opacity: .45;filter:Alpha(Opacity=45);-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}.ui-resizable {position: relative;}.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;}.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;}.ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0;}.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}.ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}.ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0;height: 100%;}.ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;}.ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}.ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;}.ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}.ui-selectable-helper {position: absolute;z-index: 100;border:1px dotted black;}.ui-accordion {width: 100%;}.ui-accordion .ui-accordion-header {cursor: pointer;position: relative;margin-top: 1px;zoom: 1;}.ui-accordion .ui-accordion-li-fix {display: inline;}.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;}.ui-accordion .ui-accordion-header a {display: block;font-size: 1em;padding: .5em .5em .5em .7em;}.ui-accordion-icons .ui-accordion-header a {padding-left: 2.2em;}.ui-accordion .ui-accordion-header .ui-icon {position: absolute;left: .5em;top: 50%;margin-top: -8px;}.ui-accordion .ui-accordion-content {padding: 1em 2.2em;border-top: 0;margin-top: -2px;position: relative;top: 1px;margin-bottom: 2px;overflow: auto;display: none;zoom: 1;}.ui-accordion .ui-accordion-content-active {display: block;}.ui-autocomplete {position: absolute;cursor: default;}* html .ui-autocomplete {width:1px;}.ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;}.ui-menu .ui-menu {margin-top: -3px;}.ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;}.ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;}.ui-button {display: inline-block;position: relative;padding: 0;margin-right: .1em;text-decoration: none !important;cursor: pointer;text-align: center;zoom: 1;overflow: visible;}.ui-button-icon-only {width: 2.2em;}button.ui-button-icon-only {width: 2.4em;}.ui-button-icons-only {width: 3.4em;}button.ui-button-icons-only {width: 3.7em;}.ui-button .ui-button-text {display: block;line-height: 1.4;}.ui-button-text-only .ui-button-text {padding: .4em 1em;}.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding: .4em;text-indent: -9999999px;}.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text {padding-left: 2.1em;padding-right: 2.1em;}input.ui-button {padding: .4em 1em;}.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {position: absolute;top: 50%;margin-top: -8px;}.ui-button-icon-only .ui-icon {left: 50%;margin-left: -8px;}.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {left: .5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {right: .5em;}.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {right: .5em;}.ui-buttonset {margin-right: 7px;}.ui-buttonset .ui-button {margin-left: 0;margin-right: -.3em;}button.ui-button::-moz-focus-inner {border: 0;padding: 0;}.ui-dialog {position: absolute;padding: .2em;width: 300px;overflow: hidden;}.ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}.ui-dialog .ui-dialog-title {float: left;margin: .1em 16px .1em 0;}.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 19px;margin: -10px 0 0 0;padding: 1px;height: 18px;}.ui-dialog .ui-dialog-titlebar-close span {display: block;margin: 1px;}.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0;}.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;zoom: 1;}.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin: .5em 0 0 0;padding: .3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}.ui-dialog .ui-resizable-se {width: 14px;height: 14px;right: 3px;bottom: 3px;}.ui-draggable .ui-dialog-titlebar {cursor: move;}.ui-slider {position: relative;text-align: left;}.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;}.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}.ui-slider-horizontal {height: .8em;}.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}.ui-slider-horizontal .ui-slider-range-min {left: 0;}.ui-slider-horizontal .ui-slider-range-max {right: 0;}.ui-slider-vertical {width: .8em;height: 100px;}.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}.ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}.ui-slider-vertical .ui-slider-range-min {bottom: 0;}.ui-slider-vertical .ui-slider-range-max {top: 0;}.ui-tabs {position: relative;padding: .2em;zoom: 1;}.ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}.ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 1px;margin: 0 .2em 1px 0;border-bottom: 0 !important;padding: 0;white-space: nowrap;}.ui-tabs .ui-tabs-nav li a {float: left;padding: .5em 1em;text-decoration: none;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0;padding-bottom: 1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;}.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}.ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 1em 1.4em;background: none;}.ui-tabs .ui-tabs-hide {display: none !important;}.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}.ui-datepicker .ui-datepicker-header {position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute;top: 2px;width: 1.8em;height: 1.8em;}.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px;}.ui-datepicker .ui-datepicker-prev {left:2px;}.ui-datepicker .ui-datepicker-next {right:2px;}.ui-datepicker .ui-datepicker-prev-hover {left:1px;}.ui-datepicker .ui-datepicker-next-hover {right:1px;}.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}.ui-datepicker .ui-datepicker-title select {font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month-year {width: 100%;}.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%;}.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin:0 0 .4em;}.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}.ui-datepicker td {border: 0;padding: 1px;}.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding:0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}.ui-datepicker.ui-datepicker-multi {width:auto;}.ui-datepicker-multi .ui-datepicker-group {float:left;}.ui-datepicker-multi .ui-datepicker-group table {width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group {width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group {width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width:0;}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane {clear:left;}.ui-datepicker-row-break {clear:both;width:100%;font-size:0em;}.ui-datepicker-rtl {direction: rtl;}.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right;}.ui-datepicker-rtl .ui-datepicker-group {float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0;border-left-width:1px;}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0;border-left-width:1px;}.ui-datepicker-cover {position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 200px;height: 200px;}.ui-progressbar {height:2em;text-align: left;overflow: hidden;}.ui-progressbar .ui-progressbar-value {margin: -1px;height:100%;}