.grid
{
    width: 100%;
    display:flex;
    flex-direction: column;
    text-align: left;
    position: relative;
    height:77vh;
    overflow-x:clip;
}

.grid .actions
{
    position: absolute;
    right:6px;
    top:30px;
}

.actions i, .actions button
{
    color:#1DA748;
    opacity:.75;
}

.actions i:hover, .actions button:hover
{
    color:#1DA748;
    opacity: 1;
}

.actions i
{
    cursor:pointer;
}

.page_buttons
{
    color:rgb(151, 151, 151);
    text-align: right;
    padding-right:10px;
}

.page_buttons a
{
    text-decoration: none;
}

.entry, .grid-title
{
    display: block;
    width:100%;
    display:grid;
    white-space: nowrap;
    padding-inline: 14px;
    padding-block: 3px;
    grid-template-columns: inherit;
    padding-left:20px;
}

.entry div, .grid-title div
{
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.entry p, .grid-title p
{
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:10px;
    margin-block: 0px;
}

.entry p
{
    height:25px;
}

.entry input
{
    width: 20px;
}

.grid-title
{
    font-weight: bold;
    padding-block: 5px;
    border-block: 1px solid rgb(201, 201, 201);
    overflow-y: hidden;
    scrollbar-gutter: stable;
}

.grid-title input
{
    margin-block: 6px;
    border-radius: 0px;
    border: none;
    border-bottom: 2px solid rgb(201, 201, 201); ;
    background-color: #f9f9f9;
    width:90%;
    padding:0;
}

.grid-title input:focus
{
    outline:none;
    border: none;
    border-bottom: 2px solid rgb(57, 86, 255); ;
}

.grid-title p
{
    font-weight: bold;
    padding-block: 5px;
    padding-inline: 5px;
}

.scroll div:nth-of-type(odd)
{
    background-color: rgb(230, 230, 230);
}

.scroll
{
    grid-template-columns: inherit;
    height:100%;
    overflow-y:scroll;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.scroll div:hover
{
    background-color: rgb(192, 214, 233);
}

.entry a
{
    text-decoration: none;
}

.entry .delete
{
    position: absolute;
    right: 20px;
    background:none !important;
}

.entry button
{
    color:rgb(151, 151, 151);
    display:none;
}

.entry button:hover
{
    color:#004D9D
}

.new_popup
{
    position: absolute;
    top:20px;
    right:-5px;
    border: 2px solid black;
    border-radius: 15px;
    padding: 6px;
    cursor: auto;
    background-color: #f0f2f3de;
    min-width: 225px;
}

.new_popup button i
{
    color:rgb(151, 151, 151);
}

.new_popup button i:hover
{
    color:#004D9D
}

.selected_form
{
    grid-template-columns: inherit;
    height: 100%;
}

.raised
{
    position: absolute;
    right:0px;
    top:-30px
}