/*now has autocomplete (not the jquery one) in it*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600i,700');

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

@page {
    @bottom-right {
        content: counter(page) " of " counter(pages);
    }
}

label.myLabel input[type="file"] {
    position: fixed;
    top: -1000px;
}

/***** Example custom styling *****/
.myLabel {
    border: 2px solid #88c;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
}

a {
    height: fit-content;
}

.myLabel:hover {
    background: #CCC;
}
.myLabel:active {
    background: #CCF;
}
.myLabel :invalid + span {
    color: #44B;
}
.myLabel :valid + span {
    color: #4A4;
}


body {
    font-family: "Arial", "Verdana", "sans-serif";
    font-size: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    /*    max-width: 100%;
        min-width: 200px;  */
}

.lmsBody span {
    line-height: 1.6em;
    word-break: keep-all;
    text-overflow: clip;
}
.lmsBody button {
    line-height: 1.6em;
    word-break: keep-all;
    text-overflow: clip;
}


.lmsBody input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 1em Arial;
}


.lmsFooter a {
    color: #b4aa96;
}

a {
    font-weight: bold;
}

a:hover, a:active {background: #0054ff;color:  white;}
.webformpopup {
    font-size: .8em;
    line-height: 1.8em;
    max-height:95%; 
    text-align: center;
    background: white;
    width: 24em;
    color: black;
    overflow-y: scroll;
    border: .5em solid;
    border-radius: .6em;
    border-color: #158ecc;
    padding: 1em;
}
.tandspopup {
    font-size: 1.2em;
    line-height: 1.8em;
    max-height:50%;
    text-align: center;
    background: white;
    width: 24em;
    color: black;
    overflow-y: scroll;
    border: .5em solid;
    border-radius: .6em;
    border-color: #15cc33;
    padding: 1em;
}
.standardformpopup {
    font-size: .8em;
    line-height: 1.8em;
    max-height:95%; 
    text-align: left;
    background: white;
    width: 24em;
    color: black;
    overflow-y: scroll;
    border: .5em solid;
    border-radius: .6em;
    border-color: #158ecc;
    padding: 1em;
}

.videopopup {
    font-size: .8em;
    line-height: 1.8em;
    max-height:95%;
    text-align: center;
    background: white;
    width: 24em;
    color: black;
    overflow-y: scroll;
    border: .5em solid;
    border-radius: .6em;
    border-color: #15cc8e;
    padding: 1em;
}








/*
@media all and (min-width:601px) {

div.jhmap {

cursor: default;
height: 600px;
width: 800px;

}}

@media all and not (min-width:601px) {
div.jhmap {

cursor: default;
height: 90%;
width: 95%;

}}
*/

/*
div.jhmap {

cursor: default;
height: 600px;
width: 800px;

}
*/
/*
div.jhmap {

cursor: default;
height: 90%;
width: 95%;

} */

td.menutd {

    text-align: center;


}


body {
    margin: 0;
}

clock {
    display: inline
}

.popup{
    position:fixed;
    top:20px;
    left:100px;
    margin:100px auto;
    width:180px;
    height:230px;
    font-family:verdana;
    font-size:13px;
    padding:10px;
    background-color:rgb(180,180,240);
    border:2px solid green;
    z-index:100000000000000000;
    }
    
.cancel{
    display:relative;
    cursor:pointer;
    margin:0;
    float:right;
    height:10px;
    width:14px;
    padding:0 0 5px 0;
    background-color:red;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    color:white;
    border-radius:3px;
    z-index:100000000000000000;
    }

.cancel:hover{
    background:rgb(255,255,255);
}

/* Dropdown Button */
.dropbtn-2 {
    background-color: #4CAF50;
    color: white;
    text-align: left;
    padding: 2px;
    font-size: 12px;
    border: none;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown-2 {
    position: relative;
    display: inline-block;
    text-align: left;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-2-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-2-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-2-content a:hover {background-color: #ddd;}
  
  /* Show the dropdown menu on hover */
  .dropdown-2:hover .dropdown-2-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown-2:hover .dropbtn-2 {background-color: #3e8e41;}