img {border: none;}
a {color: #06516C; text-decoration: none;}
a:visited {color: #06516C;}
a.static:visited {color: #06516C;}
a.anchor {display: none;}
a:focus {text-decoration: underline;}

form {margin: 0;}

table.grid {
    border-collapse: collapse;
    background-color: white;
    border-radius: 3px;
    margin-bottom: 2em;
    box-shadow: 1px 1px 3px rgba(170, 170, 170, 0.5);
}
table.grid td {border: solid #777777 1pt; padding: 0.25em; vertical-align: top;}
table.grid thead th {border: solid #777777 1pt; padding: 0.25em 10px; vertical-align: top;}
table.grid tfoot th {border: solid #777777 1pt; vertical-align: top;}
table.grid th.headerr {
    color: red;
    background-color: rgba(231, 238, 245, 1);
    font-weight: bold;
    text-align: center;
}
td.tblhead {text-align: center; font-weight: bold; border: solid black 1pt;}
.head a:hover,
th a:hover
{text-decoration: underline;}
table.grid thead a:hover {text-decoration: underline;}
.hand {cursor: pointer;}
.decrypt-on-demand,.link {cursor: pointer; color: #06516C;}

.centerText {text-align:center !important;}

table.grid td.input {text-align: center;}
table.grid thead td,
table.grid tfoot td,
table.grid thead th,
table.grid tfoot th,
table.grid td.head, table.grid th.head
{
    background-color: #DFEAEE; font-weight: bold; text-align: center;
}
table.grid thead td.title {font-weight: bold; text-align: left;}
table.grid td.headerr {color: red; background-color: #DFEAEE; font-weight: bold; text-align: center;}
table.grid td.headleft {background-color: #DFEAEE; font-weight: bold; text-align: left;}
table.grid .left-normal {text-align: left; font-weight: normal;}
table.grid th.colright,
table.grid td.colright
{text-align: right;}
table.grid td.space {border: none; background-color: transparent;}
table.grid td.alternatehighlight {background-color: #F8EFA7;}
table.grid td.alternate {background-color: #FCF8D6;}
table.grid .new_group {border-top: solid black 2pt;}
table.grid tr:hover {background-color: #EEEEEE;}
table.grid td.link:hover {background-color: #CCCCCC; text-decoration: underline;}
table.grid.alternate tr:nth-child(even) {background-color: #DDDDDD;}

table.claim {border-collapse: collapse; border: solid #999999 1pt; border-radius: 3px; width:100%; table-layout: fixed;}
table.claim td.section {vertical-align: top; border: solid #999999 1pt; padding: 4pt 4pt 0; overflow: auto;}
table.claim td.section.collapsible {padding-top: 0; padding: 0;}
table.sidebyside {display: inline-block; vertical-align: top;}
.italic_total {font-weight: bold; font-style: italic;}
.total {font-weight: bold;}

table.ClaimFinancials {width: 100%; border: solid gray 1pt;}


.title {
    font-weight: bold;
    color: #06516C;
}
table.inline {display: inline-table;}
table.frm,
table.form
{
    border-collapse: collapse; display: inline-table;
}
table.form td,
table.frm td
{
    vertical-align: top; padding:0.1em;
}

td.number {text-align: right;}

table.wide-text-areas textarea,
table.form textarea
{
    width: 50em;
}

table.noborder td {border: none;}

table.tight {border-collapse: collapse; border: solid black 1pt;}
table.tight td {padding: 0;}

.tbltitle {color: white; background-color: #06516C !important; font-weight: bold;}
.highlight {background-color: #D6D3D0; color: black;}

.smaller {font-size: 0.9em !important;}

.bullet {width: 1pt;}
.string2 {text-align: right;}

.number {text-align: right !important;}
.numberreverse {text-align: right; color: white; background-color: #06516C;}
.numberneg {text-align: right !important; color: red; font-weight: bold;}

.reverse {color: white; background-color: #06516C;}
.error, .err {color: red; font-weight: bold;}
.error a {color: red;}
.warning {color: red;}
.warning a {color: red;}
.warning .complete {color: gray;}
p.error, .data-alerts {border: solid red 3pt; padding: 4pt;}
.fieldError {border: 2px solid red !important;}

.addlclaimants {color: gray;}

a.claimlink:visited {color: gray;}

.standout {font-weight: bold;}

.addOnly {background-color: #B9EBFF;}

.dotted td{background: #D8D8D8;}
.dottedgrey td{background: #7F7F7F;}
.grey td{background: #A5A5A5;}

.clear {clear:both;}

body table td .demarcated{
    border-top: 1px solid #CCC;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.add .QuickFindEnabled {
    width: 30em;
}
table.add .QuickFindDisabled {
    width: 30em;
    background-color: #DDDDDD;
}
.hidden {
    display: none;
}
.flag-required {
    color: #06516C;
}

.tCombo.required, input:invalid, select:invalid, textarea:invalid {
    background-color: #FFB0B0 !important;
}

.logo {
    margin: 10px 15px 15px 15px;
    float: right;
}

a.verdictLink {
    color: #FE8C21;
    font-weight: bold;
    vertical-align: top;
    text-decoration: none;
}

p.bottom-margin {
    margin-bottom: 1rem;
}

.msp {
    font-weight: bold;
    color: #FF4500;

}

.mspno {
    color: gray;
}

.msppending {
    color: #D7D700;
}

.mspok {
    color: green;
    font-weight: bold;
    text-decoration: none;
}

.msprequired {
    color: #FF4500;
    font-weight: bold;
    text-decoration: none;
}

.background {
    padding-left: 3em;
}

ul.singlespacing li {
    padding: 0
}

/* Calendar Change History */
div.calendar_event_log {
    font-size: 1.1em;
    vertical-align: top;
    border: solid gray 1px;
    padding: 4pt;
    margin: 4pt 2pt;
}

div.calendar_event_log_change_label {
    font-style: italic;
    vertical-align: top;
}

div.calendar_event_log {
    font-weight: bold;
}

div.calendar_event_log_change {
    padding: 1em;
    font-weight: normal;
}

#ui-datepicker-div { display:none } /* bug fix of jQuery showing div at bottom of page */

.increase {color: darkgreen;}
.decrease {color: darkred;}
.subtotal {font-weight: bold; background-color: #EEEEEE;}
table.checkup td {padding-right: 2em; text-align: center;}
table.open td {vertical-align: top; padding: 4pt;}
.nowrap {white-space: nowrap;}
.addition {color: gray;}

.datepicker,.datepickerTodayLater,.datepickerPastToday, .datepickerna, .datepickerFrom2004 {
    background-image: url('calendar.png');
    background-position: right;
    background-repeat: no-repeat;
    width: 8em !important;
    border: solid rgb(118, 118, 118) 1pt;
}
.ui-datepicker-week-end a.ui-state-default {opacity: 0.6;}
.ui-widget-header {color: #000000 !important; font-size: 1em !important; font-weight: normal !important;}

.timeInput {
    width: 8em !important;
}

.tablerow:nth-child(odd) {
    min-height:20px;
}

.tablerow:nth-child(even) {
    min-height:20px;
    background-color: #C0C0C0;
}

.workflowQuestion {
    min-height: 3em;
}

.gray {
    color: gray;
}


/* tips */
div.ui-cluetip {font-size: 0.9em !important;}
.tip {cursor: pointer;}


table.grid .column-total {
    border-left: 2pt solid black;
    padding-left: 15px;
}

/*  remove IE10 input 'X' button */
::-ms-clear, ::-ms-reveal {
    display: none;
}

/* jquery rte editor */
iframe.rte-zone {
    min-height: 1em;
}

.searchItem {
    margin-left: 3em;

}

.searchNumber {
    width: 5.5em !important;
}

.searchSmall {
    width: 5.5em !important;
}

.searchDate {
    width: 9em !important;
}

.searchText {
    width: 9em !important;
}

.inputText {
    width: 22em !important;
}
select.inputText {
    width: 22.56em;
}
textarea.inputText {
    width: 22.2em;
}

.inputTextMinusCaret {
    width: 20.9em;
}

input.int {
    width: 4em !important;
}

input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 2px;
}

div.ui-cluetip {
    z-index: 9999 !important;
}

h3 {
    line-height: normal !important;
}

.width100 {
    width: 100% !important;
}

td>input.width100 {
    width: 98% !important;
}

.width30 {
    width: 30em;
}

textarea {
    padding: 2px;
}

.workflowpdftitle {
    font-size: 4px;
    color: #487284;
    font-weight: bold;
}
.workflowpdftable {
    border-spacing:0;
    border-collapse:collapse;
    padding: 3px;
    border: 1px;
    width: 100%;
}

span.sortable {
    color: white;
    padding: 1px;
    background-color: rgba(153, 153, 153, 1);
}
.listView li{
    list-style-type: none;
}

.additionalMessage {
    font-style: italic;
    font-size: 0.9em;
}

.ui-tooltip {
    border: solid black 1pt !important;
    box-shadow: 4px 4px #AAAAAA;
    display: inline-block !important;
    padding: 0.7em !important;
    z-index: 10000 !important;
    font-size: 0.85em !important;
    background-color: #F9F9F9 !important;
    position: absolute !important;
    max-width: 800px !important;
}

.tooltipDialog,
.tooltipDialog span,
.tooltipDialog a,
.tooltipDialog p,
.tooltipDialog div
{
    font-size: 10pt !important;

}

.tooltipDialog .notWhenSticky {
    display: none;
}


.ui-dialog .ui-dialog-titlebar {
    padding: 0 0 1em 1em !important;
}

.collapsable-btn {
    background: #dddddd !important;
}

/** used by jquery-ui calendar to use this instead of _444444_ image */
.ui-icon {
    background-image: url("../js/jquery/images/ui-icons_000000_256x240.png") !important;
}

label {
    font-weight: inherit;
}

/** new styles to match dashboard zero **/
input[type="submit"],
input[type="button"]
{
    padding: 5px 1em !important;
    border: none;
    color: #FFFFFF;
    font-size: 1em !important;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(170, 170, 170, 0.5);
    margin-right: 10px;
}

button {
    font-size: 1em !important;
}

input[type="button"] {
    background-color: #566569;
}

input[type="submit"],
input[type="button"].default
{
    background-color: #06516C;
}

input[type="submit"]:disabled,
input[type="button"]:disabled
{
    color: silver;
    background-color: #06516C;
    cursor: default;
}

input[type="submit"].not-default {
    background-color: #566569;
}

hr.line {
    height: 2pt;
    background-color: #06516C;
}

.claimLimitedView {
    background-color: #DDDDDD;
}

table.lbr td ,
table.lbr td div {
    font-size: 14px;
}

table.lbr.edit td ,
table.lbr.edit td div {
    cursor: pointer;
}

table.lbr td div.modified {
    font-size: 14px;
    color: red;
}

.lbr .btnWrapper {
    text-align: center;
}

.lbr .btnWrapper img {
    width: 24px;
    cursor: pointer;
}

.paymentSpace {
    width: 10px;
}

.endColumnGroup {
    border-right: solid #777777 2pt;
}

.dashboardSearchPage {
    width: 50em;
}

.dateSearchLabel {
    min-width: 12em;
}

.searchInputDate {
    display: none;
    margin-bottom: 2em;
}

.searchInputDateTopRight {
    position: relative;
}

.searchInputDateTopRight span {
    position: absolute;
    top: -14px;
    right: 0;
    font-size: smaller;
    color: #06516C;
    cursor: pointer;
}

.SearchInputDateCheckBox {
    display: block;
    margin: 0;
}

.organization {
    font-size: 0.88em;
    font-weight: bold;
}

.notTooWide {
    max-width: 15em;
    word-break: break-all;
}
.cutoff {
    max-width: 9em;
    word-break: break-all;
}

.importantDates {
    max-width: 24em;
}


.rejected {
    text-decoration: line-through;
}

.invisibleButFormCache {
    color: white;
    border: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

ul.bullet-list , ul.bullet-list > li {
    list-style-type: circle;
}

.emailSelect {
    width: 50em;
}

div.expenses {
    min-width: 55em;
}

.expenseDescriptionWrapper .tCombo {
    width: 98%;
}

.new_attachment_role {
    display: none;
}

.term {
    color: #06516C;
}

summary {
    cursor: pointer;
}

.normalWhiteSpace {
    white-space: normal;
}

/* diary */
.diaryColumn1 {
    white-space: nowrap;
    text-align: center;
    vertical-align: top;
    }
.diaryColumn2 {
    padding-left: 8px; 
    white-space: nowrap;
    vertical-align: top;
}
.diaryColumn3 {
    padding-left: 14px; 
    word-break: break-word;
    vertical-align: top;
    flex-grow: 1;
}
.diaryEntry {
    border-top: solid rgba(128,128,128,0.3) 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
}
.diary-edit {
    background-color: rgba(243,248,249);
    width: 98%;
    position: absolute;
    z-index: 2;
}
.diaryEditable {
    color: #06516C;
    cursor: pointer;
}
.diary-waiting {
    color: gray;
}
/* diary end */

.cellBillingHistory {
    white-space: normal;
    max-height: 10em;
    overflow: scroll;
    font-size: 0.9em;
    min-width: 28em;
}

.cellLargeWidth {
    min-width: 14em;
}

.cellLargeWidth50 {
    min-width: 50em;
}

.cellWidth20em {
    width: 20em;
    min-width: 20em;
}

.cellWidth15em {
    width: 15em;
}

.cellWidth50em {
    width: 50em;
}

.cellWidth40em {
    width: 50em;
}

.not-too-tall {
    overflow: scroll;
    height: 10em;
}

.help {
    color: gray;
    font-size: 0.95em;
}

.help-active {
    border: solid black 2px;
    padding: 2px;
    margin-top: -3px;
    color: black;
    background-color: yellow;
    font-size: 16px !important;
    transition: background-color 2s;
}
.help-active p {
    font-size: 16px !important;
}

.reduced {
    font-size: 0.9em;
}

.share-table {
    border: black solid 1pt;
    display: block;
}
.share-table td {
    padding: 3pt;
}

table#filetypes td ul {
    min-width: 20em;
    padding-left: 1em;
}
table#filetypes td {
    vertical-align: top;
}

/* check requests page */
.specialinstructions {
    white-space: nowrap;
    vertical-align: top;
}

table.freeze thead th,
table.freeze thead td
{
    position: sticky;
    position: -webkit-sticky;
    top: 90px;

    border-bottom: none !important;
    box-shadow: 0 1px 0 #777777;
    background-clip: padding-box;
    z-index: 1; /* in front of freezeLeft */
}

table.freeze th.freezeLeft,
table.freeze td.freezeLeft
{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    background-color: #DFEAEE;

    border-right: none !important;
    box-shadow: 1px 0 0 #777777;
    background-clip: padding-box;
}

/* a div parent of a free-flowing set of widgets */
.flow {
    display: flex;
    flex-wrap: wrap
}

.half-page {
    width: 33em;
}

br {
    mso-data-placement: same-cell;
}

.rotateCw90 {
    position: absolute;
    transform-origin: left top;
    transform: rotate(90deg) translateY(-100%)
}

.rotateCw180 {
    position: absolute;
    transform-origin: center;
    transform: rotate(180deg) translateY(0)
}

.rotateCw270 {
    position: absolute;
    transform-origin: left top;
    transform: rotate(270deg) translateX(-100%)
}

.flow {
    display: inline-block;
    margin-right: 2em;
    vertical-align: top;
}

.attachment-star:hover {
    color: red;
}

.table-sort-icon {
    position: absolute;
    right: 0;
    bottom: 6px;
    cursor: pointer;
    visibility: hidden;
    z-index: 2;
}

th:hover .table-sort-icon {
    visibility:visible !important;
}

.table-sort-icon.active-sort {
    visibility:visible !important;
    color: green !important;
}
.disable-overlay  {
    pointer-events: none;
}

.sortable .handle {
    cursor: move !important;
}

summary input[type=checkbox] {
    margin-right: 4pt;
}

label {
    margin-bottom: 0;
}

.pbj-custom-row {
    display: none;
}

#login-form-section {
    min-height: 7em;
}

.employee-page-primary-function-column {
     width: 9em;
}

.dateSearchColumn {
    width: 13em;
}

tr.newGroup {
    border-top: 4pt solid black;
}

.inputrow {
    display: none;
}

.active {
    font-weight: bold;
}

.inactive {
    color: gray;
}

div.modification input {
    background-color: #FFB0B0 !important;
}

iframe.rte-zone {
    width: 95%;
    border: solid gray 1pt;
}

.selectedRow {
    background-color: lightblue;
}

#msgContainer {
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* used for word wrapping plain text emails */
pre.wrap {
    white-space: pre-wrap; /* css-3 */
}

.importantLink {
    color: #086C8C !important;
    text-decoration: underline !important;
}

.tableWithinTable {
    padding: 0; 
    border: none; 
    vertical-align: top;
}

.claim-page-top-links,
.claim-page-top-links *
{
    font-size: 14px;
}

img.checkIcon {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.attachment-email {
    display: inline-block;
    margin-left: 2em;
}
.attachment-additional {
    display: inline-block;
    width: 27em;
    
    margin-left: 2em;
}
.attachment-additional.pdfOnly {
    width: 22em;
}

/* diary flag */
img.flag,img.flag-readonly {
    width: 36px;
    height: 37px;
    cursor: pointer;
}

.hiddenButMakeRoom {
    visibility: hidden;
}