/**
 * notes.css
 * Notator CSS File
 * @author J. Michael Newlight<admin@jmichaelnewlight.com>
 * @copyright 2015-2025 J. Michael Newlight
 * @version Release: 1.0
 * Last Update 11-26-25
 */
       	a:link   	{color:#0000FF;text-decoration:none}
        a:visited   	{color:#0000FF;text-decoration:none}
        a:hover   	{color:#FF0000;text-decoration:underline}
       	a:active  	{color:#FF0000;text-decoration:underline;}

a {
	outline: none;
        border: none;
}
body {
    font-family: arial, helvetica, sans-serif;
    font-family: helvetica;    
    /*font-family: Inter;*/
    font-family: agency-fb;
    /*font-family: Tangerine;
    font-family: Roboto;
    font-family: Quantico;
    font-family: Audiowide;
    font-family: Quantico;*/
    font-size: 14pt;
    background-color: #DDDDDD;
    margin: 0 auto 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.button     {
    color: #0000FF;
    border: solid 1px #000000;
    font-size: 1em;
    font-weight: normal;
    padding: 1px 3px 3px 3px;
    text-align: center;
}
.button:hover     {
    color: #FF0000;
}
.date {   /*is this used?*/
    font-size: .7em;
}

/* BEGIN DROPDOWN MENU STYLE from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover */
.dropbtn {          
    color: white;
    border: none;         
    background-color: #000000;
    background-color: transparent;
}
.dropbtn a:hover {
    color: red;
    text-decoration: none;  
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    right: 0px;
    min-width: 180px;
    min-width: 100px;
    min-width: 80px;
    text-align: right;
    padding-right: 20px;
    background-color: #000000;
    background-color: #666666;
    /*border-radius: 25px;*/
    z-index: 3;
    border: 1px solid black; /*added 12-14-25 */
    border-radius: 10px; /*added 12-14-25 */
    background-color: #FFFFFF; /*added 12-15-25 */
    color: black; /*added 12-15-25 */
}
.dropdown-content a {
    color: white;
    padding-top: 5px;
    text-decoration: none;
    background-color: #000000; 
    background-color: #666666;
    display: block;
    background-color: #FFFFFF; /*added 12-15-25 */
    color: black; /*added 12-15-25 */
}
.dropdown-content a:hover {
    color: red;
    text-decoration: none;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    color: #FF0033;
}
/* END DROPDOWN MENU STYLE */

#enterForm {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    color: #FFFFFF;
    color: black;
    text-align: center;
}
.fontred    {
    color: red;
    font-size: 1em;
}
#footer {
    position: relative;
    width: 90%;
    height: 100px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;   
    /*border: 1px solid red;*/
}
h1 { font-size: 1.5em; 
    margin: 0;
}
h2 { 
    text-align: center;
}
h3 { /*unused*/
}
h4 { /*unused*/
}
input[type="email"] {
    height: 20px;
    width: 250px;
    text-align: center;
    font-size: .8em;
    padding: 5px;
    background-color: white;
    /*font-family: agency-fb;*/
    color: black;
    border: 1px black solid;
}
input[type="password"] {
    height: 20px;
    width: 250px;
    text-align: center;
    font-size: .8em;
    padding: 5px;
    background-color: white;
    /*font-family: agency-fb;*/
    color: black;
    border: 1px black solid;
}
input[type="submit"] {
    height: 30px;
    height: 40px;
    width: 250px;  
    font-size: 12pt;
    font-size: .8em;
    /*font-family: Arial;
    font-weight: normal;*/
    /*font-family: agency-fb;*/
    padding: 5px;
    color: blue;
    background-color: white;
    border: 1px black solid;
}
input[type="submit"]:hover{ 
    color:#FF0000;
}
input[type="text"] {
    height: 20px;
    width: 250px;
    font-size: 12pt;
    font-size: .8em;
    /*font-family: Arial;
    font-weight: normal;*/
    /*font-family: agency-fb;*/
    text-align: center;
    padding: 5px;
    color: black;
    background-color: white;
    border: 1px black solid;
}
#menu	{
    position: absolute;
    top: 15px;
    right: 10%;
    height: 30px;
    text-align: right;
    padding-right: 10px;
    z-index: 5;
}
#notes { /*this needs work*/
    width: 100%;
    width: 95%;
    width: 80%;
    height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 30px;
    /*overflow-x: hidden; this doesn't keep table columns within containerw*/
    /*border: 1px solid red;*/
}
#printButtons {
    position: absolute;
    top: 15px;
    left: 10%;
    height: 70px;
    text-align: left;
    padding-left: 10px;
    z-index: 5;
}
table {
    /*width: 80%;*/
    width: 100%;
    text-align: center;
    border-spacing: 10px;
    border-collapse: collapse;
    /*display: inline-table; is this needed?*/
    /*margin: auto;*/
    table-layout: fixed; /*added 12-3-25 to force text wrap */
}
tr, td, th {
    border: 1px black solid;
}
td {
     word-wrap: break-word; /*added 12-3-25 to force text wrap */
     overflow-wrap: break-word; /*added 12-3-25 to force text wrap */
}
/* begin added 12-7-25 */
/*#notes {
    background-color: #FFFFEE;
    border-radius: 15px;
}
table {
  border-collapse: separate; /* Ensures borders don't collapse, allowing individual cell borders to be visible */
  /*border-spacing: 10px; /* Adds space between cells */
  /*width: 100%;
}
td,th {
  padding: 15px; /* Provides space around content for the oval shape */
  /*padding: 10px;  /* Provides space around content for the oval shape */
  /*border: 2px solid #4CAF50; /* Add a border */
  /*border-radius: 50px; /* Makes the corners rounded (oval/pill shape) */
  /*text-align: center; /* Centers the content */
/*}
/* end added 12-7-25 */
textarea {
    font-family: inherit;
    font-size: inherit;
    font-size: 1em;
    font-size: .8m;
    width: 300px; 
    height: 150px;    
    padding: 10px;
 }
#topNew {
    position: relative;
    top: 0px;
    width: 100%;
    height: 200px;
    height: 150px;
    height: 100px;
    height: 120px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;   
    color: #000000;
    /*border: 1px solid red;*/
}
#userLogin {
    position: relative;
    /*top: 100px;*/
    left: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid blue;*/
}

@media only screen and (max-width: 750px) {
    button:focus {outline:0;}  
    body {
        font-size: 12pt;
    }
    h1 { 
        font-size: 1.4em;
    }
    input[type="submit"] {
        height: 30px;
    }  
    #menu {
        right: 5%;
    }
    #notes {
        width: 95%;
        text-align: center;
        margin: auto;
    }
    #printButtons {
        left: 5%;
    }
    table {
        width: 100%;
    }
}