body {
    background: #2d0647;
    /*color:bisque;*/
    color:#ffd6ad;
    font-family: monospace;
    padding:0em;
    margin:0em;
}

h2, h3 {
    font-weight:normal
}

#top-div {
    width:100%;
    margin-bottom: 1em;
    display:fixed;
    height:3em;
    /*border-bottom: 1px solid deeppink*/
}

#top-table {
    display: table;
}

#top-middle {
    display:table-cell;
    width:100%;
}

#top-left {
    display: table-cell;
    text-align: left;
    vertical-align:top;
    padding:0em 1em;
}



a {
    color:inherit;
    text-decoration: underline;
    text-decoration-color: deeppink;
}

a:hover {
    color:deeppink;
}

#recs-list {
    padding-bottom:3em;
}



.rec-div {
    background:transparent;
    margin-bottom:3em;
}


/*.rec-div h2, h3, p {
    font-weight:normal;
}*/

.rec-div h2 {
    margin-top:0em;
    margin-bottom:0.25em;
    padding-bottom:0em;
    text-transform: uppercase;
}

.rec-div h3 {
    margin-top:0em;
    padding-top:0em;
}

.rec-details {
    padding-bottom:0em;
    margin-bottom:0em;
    font-size:xx-small;
}




button {
    background-color: transparent;
    color:inherit;
    height:3em;
    border-color: deeppink;
}

button:hover {
    background-color: deeppink;
}


.edit-button {
    all:unset;
    border:none;
    text-decoration: underline;
    text-decoration-color: deeppink;
}

.edit-button:hover {
    all:unset;
    border:none;
    color:deeppink;
    text-decoration: underline;
    text-decoration-color: deeppink;
    cursor:pointer;
}





.modal-form {
    display:none;
    font-size:larger;
}

.modal-form label {
    display:inline-block;
    width: 8em;
    text-transform: uppercase;
}

.modal-form input {
    background-color: inherit;
    color:inherit;
    border:none;
    border-bottom:1px solid deeppink;
    width:calc(100% - 13em);
    margin-bottom:0.5em;
}

.modal-form .submit-div {
    padding-top:1em;
    text-align: right;
}







h1 {
   margin:0em;
   padding:0em;
   white-space: nowrap;
}

#top-right {
    display: table-cell;
    text-align: right;
    vertical-align:top;
    width:100%;
    padding:0.5em 1em;
    margin:0em;
}


#left-div {
    position: fixed;
    height: calc(100% - 3em);
    width: 13em;
    z-index: 1;
    top: 3em;
    left: 0;
    overflow-x: hidden;
    padding-left:0.5em;
}

#right-div {
    position:fixed;
    height: calc(100% - 3em);
    margin-left: 13em;
    padding:1em;
    top:3em;
    width:calc(100% - 13em);
    overflow-y: scroll;
}


#filter-checkbox-div {
    padding-bottom:1em;
}


.status-div {
    font-style: italic;
    width:100%;
    text-align: center;
}





/*--------------------------------------*/
/* PRINT STYLE */
@media print { 

    #top-div, #left-div {
        display:none;
    }

    #right-div {
        all:unset;
        width:100%;
        overflow-x: hide;
        background-color: white;
    }

    body {
        font-size:small;
        background-color: white;
    }

}