@media print{
    .no-print, .no-print *{display: none !important;}
    x {
    background-color: black !important;
    color: black !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.app-bar-menu li {
    list-style: none!important;
}
.formItem {
    margin-bottom:15px;
}
.formItem label {
    display:inline-block;
    width:150px;
}
.formItem input, .formItem select {
    width:auto;
    display:inline-block;
}
.status_bubble {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    margin-right:15px;
}

.select .option-list a {
    min-width: 225px;
    padding: 0 0.5rem 0 0.5rem;
}



/*
.table {
   font-size:13px;
}
*/
.th {
    border-bottom:2px solid black;
    margin:3px;
    padding:3px;
}
.thl {
    border-bottom:1px solid gray;
    margin:3px;
    padding:3px;
}
.td {
    border-bottom:1px dotted silver;
    margin:3px;
    padding:3px;
}
x {
    background-color:black;
    color:black;
}
.sidebar-menu {
    font-size: 0.875em;
}
.deleted {
    text-decoration:line-through;
}
.popover {
    max-width: calc(100vw / 3);
    z-index:5000;
}

.isticky {
    position: fixed;
    top: 0; /*set by js to be height of sticky nav div */
    z-index: 30;
}
#the-sticky-div-nav.sticky {
    position: fixed;
    top: 0;
    z-index: 3;
}
.stickyContent {
    margin-bottom: 5px;
}
.stickyContent .sticky {
    top: 0;
    padding: 10px;
    position: sticky;
    z-index: 99;
}
.max-h-200 {
    max-height: 200px;
    overflow-y: auto;
}


.markup-red {
    background-color: rgba(255, 0, 0, 0.7);
    cursor: pointer;
}
.markup-blue {
    background-color: rgba(0, 0, 255, 0.7);
    color:white;
    cursor: pointer;
}
.markup-green {
    background-color: rgba(96, 169, 23, 0.7);
    cursor: pointer;
}
.markup-yellow {
    background-color: rgba(250, 104, 0, 0.7);
    cursor: pointer;
}
.markup-deleted {
    background-color: rgba(29, 29, 29, 0.5);
   /* no, looks like it was redacted
   text-decoration: line-through;
    */
    cursor: pointer;
}


.dblclickable_area {
    border: dashed;
    border-width:1px;
    color: gray;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #123252 !important;
    color: #ffffff;
}


.alternate-row-shading:nth-child(even) {
    background: #f8f8f8;
}


.min-width-250 {
    min-width: 250px;
}


.capWords {
    text-transform: capitalize;
}

.jumpTo {
    cursor: pointer;
}

.full-width {
    width: 100%;
}

.spinner-container {
    width: 50px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.highlight-error {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: red;
}
.highlight-notice {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: #fa6800
}

.minwidth250 {
    min-width:250px !important;
    top: 80px;
    right: 0;
    width: 250px;
    height: 150px;
    border: 3px solid #73AD21;
}

.invalid_feedback {
    max-width:300px!important;
}

table.table td {vertical-align: top!important;}

.capitalize {
    text-transform: capitalize;
}

.tox.tox-tinymce,
.dialog * + .dialog-content {
    /* prevent buttons from showing up below the screen for small monitors */
    max-height: 64vh;
    overflow-y: auto;
}
.tooltipDialog li {
    list-style-position: outside;
}
.tooltipDialog .mif-question {
    cursor: pointer;
}
.tooltipImage {
    min-width: 60vw;
}


#note-dialogheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    /*background-color: #2196F3;
    color: #fff;*/
}

td[f="gift_value"] form, td[f="honorarium_amount"] form, td[f="income_amount"] form,
td[f="liability_value"] form {
    float: right;
}
td[f="annotation"] form {
    display: block;
    width: 100%;
}
td[f="annotation"] form table{
    width: 100%;
}

/* Styling for reporting */
.export-button-wrapper {
    display: inline;
    float: right;
}

.modal-big {
    top: 5px !important;
    height: 100% !important;
}

.modal-big .dialog-content {
    max-height: none !important;
}

.select .option-list a { padding: 0 0.25rem }

@keyframes flashToast {
    0% {
        background-color: #60a917;
        opacity: 1;
    }
    50% {
        background-color: red;
        opacity: 1;
    }
    99% {
        background-color: #60a917;
        opacity: 1;
    }
    100% {
        background-color: #60a917;
        opacity: 0;
    }
}

.flash-toast {
    animation: flashToast 1s ease-in-out infinite;
}

.custom-centered-toast {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center;
    position: fixed !important;
    height: 40px; width: 180px
  }

/* this is to shift save buttons left over other padding to reduce spaces*/
.move-left {
    margin-left:-20px;
}


.tooltip {
  position: relative;
  cursor: pointer;
}
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 180px;
  background-color: #1ba1e2;
  color: #fff;
  font-size: .75rem;
  font-weight: normal;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  text-align: center;
  padding: 5px 0;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 120%;  /* Adjust to control spacing above */
  z-index: 2000;
  opacity: 0;
  transition: opacity 0.2s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.tooltip:hover .tooltiptext,
.tooltip:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
}