html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
    height:100%; /* force the BODY element to match the height of the HTML element */
    
}


.page-body{
    position: relative;
    top:40px;
    width: 80%;
    height: 40%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: lightgrey !important;
    box-shadow: 10px 10px 18px gray;
    
    border-radius: 50px !important;
}

.page-body .login-form {
    width:50%;
    margin-right:auto;
    margin-left:auto;
    padding-bottom: 30px;
}

.page-body .element-title{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.navbar{
    
}

.med-card{
    position:relative;
    margin-top: 25px;
    background-color: mistyrose;
    width:250px;
    height:150px;
    border:1px solid red;
    border-radius: 10pt;
    padding: 3px;
    margin-right: 25px;
    box-shadow: 10px 10px 18px gray;
    float:left;
}
.med-card div{
    padding: 3px;
}
.med-card .name{
    width:100%;
    font-weight: bold;
    text-align: center;
}
.med-card-delete{
    position: fixed;
    float: left;
}

.med-card-edit{
    position: fixed;
    margin-left:25px;
    float: left;
}

.med-card:hover{
    border:3px solid white;
    box-shadow: none;
    cursor: pointer;
}

img.update:hover{
    cursor: pointer;
}

img.delete:hover{
    cursor: pointer;
}

.med-card a {
    color:black;
}
.new {background-color: lightgreen}
.old {background-color: lightpink}