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

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

th {
    text-align:left;
}



input, textarea {
    border: none;
    outline: none;
}

[id^=HospDdl-] {
    width: 40px;
}

[id*=NameEditor] {
    padding-left:0;
    padding-right:0;
}

textarea {
    resize: none;
}


.login-input {
    width: 200px;
}

.hosp-td {
    column-width: 50px;
}

.linkButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.linkButton:hover {
    color: blueviolet;
}

.inactiveLinkButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: grey;
    cursor: pointer;
    text-decoration: underline;
}

.inactiveLinkButton:hover {
    color: darkslategrey;
}

.index-ddl {
    border:none;
    padding-left:0;
    padding-right:0;
    padding-top:0;
}

.index-textarea {
border:none;
padding-top:0;
width:100%;
}

.hidden-paragraph {
    display: none;
}

.btn {
    background-color: lightgray;
}

.btn:hover, .btn:focus {
    background-color: darkgray;
    text-decoration: underline;
    cursor: pointer;
}

.subHeading {
    text-align: center;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.modalContent {
    background-color: #f4f4f4;
    margin: 5% auto;
    padding: 20px;
    width: 70%;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2), 0 7px 20px 0 rgba(0,0,0,0.17);
    animation-name: modalopen;
    animation-duration: 1s;
}

.modalHeader h2, modalFooter h3 {
    margin: 0;
}

.modalFooter {
    background: green;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.modalHeader {
    background: green;
    padding: 15px;
    color: #fff;
}

.modalBody {
    padding: 10px 20px;
}

.closeBtn {
    color: #fff;
    float: right;
    font-size: 30px;
}

.closeBtn:hover, closeBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.centered {
    text-align:center;
}

.tblCell {
    text-align: center;
    vertical-align: central;
}

.shaded {
    background-color:lightgray;
}

.unshaded {
    background-color:white;
}

#ev-modal-content {
    width: fit-content;
}

#existingVisitModal h2, h6 {
    text-align: center;
}

#existingVisitModal input:read-only {
    border: 0;
    box-shadow: none;
    background-color: white;
    text-align: center;
}

.int-dropdown {
    width: 33px;
}

.initials-dropdown {
    width: 50px;
}

.nav-ddl {
    border: none;
    outline: none;
    appearance: none
}

ul {
    list-style: none;
    /*    position: absolute;*/
}

ul li a {
    display: block;
    text-decoration: none;
    text-align: left;
}

ul li ul {
    display: none;
}

ul li:hover {
    background-color: #cfcfcf;
}

ul li:hover ul {
    display: block;
}

ul li ul li:hover {
    background-color: #dfdfdf;    
}

ul li ul li a {
    color: black;
}

#menu-dropdown {
    position: absolute;
    background-color: #cfcfcf;
}

#blackItem1, #blackItem2, #blackItem3 {
    color: black;
}

.initials-dropdown {
    width: auto;
}

@keyframes modalopen {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

table.pt-info tbody input:focus, table.pt-info tbody textarea:focus {
    background-color: lightgray;
}