html
{
  font-size: 14px;
}

@media (min-width: 768px)
{
  html
  {
    font-size: 16px;
  }
}

.CheatImage
{
    border-radius: 5px;
    margin: 0px 10px 0px 0px;
    padding: 5px;
    height: 60px;
    width: 60px;
}

.CheatImage:hover
{
    filter: brightness(90%);
}

img.ReportIcon
{
    top: -5px;
    position: relative;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: #a9dc93;
}

.navbar
{
    background-color: #276222;
}

.nav-link
{
    color: #f6f6e8;
    border-radius: 3px;
}

.nav-link:hover
{
    background-color: #3d9b35;
    color: #f6f6e8;
}

.white-div
{
    background-color: #ffffff;
    padding: 25px 0px 75px;
}

a
{
    color: #36882f
}

.pb-3
{
    background-color: #ffffff;
    padding: 25px 50px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin-bottom: 20px;
}

select.ActivityTimeCategory
{
    background-color: inherit;
    border: none;
}

select.ActivityInteractionCategory
{
    background-color:inherit;
    border: none;
}

select:focus
{
    box-shadow: 0 0 0 4px #A9DC93 !important;
}

input.ActivityTitle
{
    background-color:inherit;
    border:none;
}

tr.NewDate
{
    background-color: #A9DC93;
    border: 2px solid black;
}

input[type="time"]::-webkit-calendar-picker-indicator
{
    background: none;
}

input.hour-box
{
    width: 100px;
    border: none;
    background-color:inherit;
}

img.person-icon {
    width: 25px;
    height: 25px;
    background-color: #a9dc93;
    border: 1px solid black;
    margin: 7px 2px 0px 3px
}

img.person-active:hover
{
    border: 3px solid #cc0000;
}

img.person-link:hover {
    border: 2px solid black;
}

.fixed-width-table-element
{
    width: 187px;
}

a.no-decoration
{
    text-decoration: none;
    font-weight: bold;
}

.ui-autocomplete
{
    list-style-type: none;
    background-color: white;
    width: 300px;
    border: 1px solid black;
    padding-inline-start: 2px;
}

.ui-menu-item:hover
{
    cursor: default;
}

.ui-state-active
{
    background-color: #a9dc93;
}

.hover-box
{
    display: none;
    position: absolute;
}

.tip
{
    white-space: nowrap;
}

.tip:hover .hover-box
{
    display: block;
    border: 1px solid black;
    background-color: white;
    display: initial;
    padding: 1px 10px 1px 5px;
    border-radius: 6px;
    margin: 32px 0px 0px -100px;
    font-style: italic;
}

.btn-primary
{
    background-color: #3d9b35;
    border-color: #3d9b35;
}

.btn-primary:hover
{
    background-color: #276222;
    border-color: #276222;
}

.ui-helper-hidden-accessible
{
    display: none !important;
}

span.temp-tag-box
{
    border: 1px solid black;
    border-radius: 2px;
    margin: 5px;
}

span.temp-tag-box:hover
{
    background-color: #cc0000;
}

img.darken
{
    filter: brightness(50%);
}

img.collapse-button
{
    filter: opacity(100%);
}

img.collapse-button:hover
{
    filter: opacity(70%);
}

img.lighten
{
    filter: opacity(15%);
}

textarea.description
{
    width: 1000px;
    resize: none;
    box-sizing: border-box;
    line-height: 1.6;
}

.grow-wrap
{
    display: grid;
    width: 1000px;
}

.grow-wrap::after
{
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
}

.grow-wrap > textarea
{
    resize: none;
    overflow: hidden;
}

.grow-wrap > textarea,
.grow-wrap::after
{
    border: 1px solid black;
    padding: 0.5rem;
    font: inherit;
    grid-area: 1 / 1 / 2 / 2;
}

.pb-3
{
    min-width:1296px;
}

.Priority-Low
{
    background-color: #ddffdd !important;
    border: 1px solid black;
}

.Priority-Medium
{
    background-color: #fffff0 !important;
    border: 1px solid black;
}

.Priority-High
{
    background-color: #fee7e7 !important;
    border: 1px solid black;
}

.Priority-Emergency
{
    background-color: #ff0000 !important;
    border: 1px solid black;
}

.alternate-row-color td,th
{
    padding:3px 10px 3px 10px;
}

.alternate-row-color tbody tr:nth-child(even)
{
    background-color: #DDDDDD;
}

.alternate-row-color tbody tr:nth-child(odd)
{
    background-color: #EEEEEE;
}

option
{
    font-weight: bold;
}

select
{
    font-weight: bold !important;
}

div.Activity_Count_Box
{
    border:groove #a9dc93 3px;
    border-radius: 5px;
    padding: 15px;
    background-color: #DDDDDD;
}

.content
{
    padding: 10px 10px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    border: solid black 1px;
    border-radius: 3px;
    text-align: right;
}

.writey-div
{
    display: none;
    width:1000px;
    padding: 16px
}

.person-box
{
    width:170px;
    margin: 12px 0px 0px 726px;
}

.ticket-div
{
    display:none;
    width:400px;
    border: solid black 1px;
    padding: 5px;
    margin-left: 282px;
    border-radius: 5px;
    background-color: white;
    text-align:center;
}

input.ticket-input
{
    width: 100px;
}

.linked-persons-img
{
    float: right;
    position: relative;
    top: -29px;
    left: -2px;
}

input.icon
{
    height: 18px;
    width: 18px;
}

label.activity-label
{
    position: relative;
    top: 2px;
}

.yellow
{
  background-color: #FFEF98;
}

table.transaction-table
{
  background-color: #ede7d3;
}

table.transaction-table td
{
  padding: 1px;  
  font-weight: bold;
  font-size: small;
  border-style: solid;
  border-color: #fff;
  border-width: 1px;
}

.dollars
{
  font-family: Consolas;
  text-align:right;
}

table.transaction-table th
{
  background-color: #fff;
}

tr.transaction
{
  background-color: #a9dc93;
}

select.Accounts
{
  width: 189px;
  height: 30px;
  font-size: 10pt;
}

input.description
{
  width: 900px;
}