@charset "utf-8";
/* CSS Document */
body {
    background-color:#CCC;
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    margin:0px;
    
}
#submit {
    display:none;
}
#blurOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.3); /* optional frosted glass effect */
    z-index: 998; /* Below sticky folder, above content */
    display: none;
}

.sticky {
    position: sticky;
    top: 0;
    background: white;
    z-index: 999; /* above the blur */
}


#rescheduleBtn {
    padding:12px;
    color:#fff;
    background-color: #EE6600;
    text-align: center;    
}
.picker-container {
    margin: 20px;
    font-family: Arial, sans-serif;
  }
  .picker-container input {
    margin: 5px 0;
    padding: 5px;
    width: 200px;
  }
button#redo {
    width:250px;
    color:#fff;
    background-color: #EE6600;
    text-align: center;
}
button#redo a {
    padding:8px;
    margin:0px;
}
#save_set_box, #saveToBox,#saveTypeBox {
    display: none;
}
#saveFolderBox,#saveSetBox {
    padding:8px;
}
#error_set_box {
    font-weight: bold;
    color:#cc0000;
    size:10px;
    display:none;
    height:20px;
    width:250px;
    position:relative;
    float:left;
    margin-left:274px;
}
#saveCards {
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    font-size:14px;
    padding:8px;
    background-color:#EE6600;
    border:1px solid #ccccff;
    border-radius: 3px;
    color:#fff;
    margin-left:75px;
    width:200px;
    text-align: center;
    letter-spacing: .1rem !important;

}
#user_folders, #user_sets {
    width:200px;
}
#new_folder_box, #new_set_box {
    display:none;
}
label[for=user_folders], label[for=user_sets] {
    display:inline-block;
    width:60px;
    text-align: right;
    padding-right:8px;
}
#showFirstWrap {
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}
#showFirstLetter, #showAllLetters {
    display:none;
    background-color:#ccccff;
    padding:8px;
    border:1px solid #666;
    cursor: pointer;

}
.set_wrap {
    padding:8px 8px;
    border:1px solid #ccccff;
    border-radius: 3px;
    margin:18px 18px;
    background-color:#f6f6ff;

}
#grpWarning {
    font-weight: bold;
    color:#cc0000;
    visibility: hidden;
}
.foldercollapse {
    display:inline-block;
    font-size: 18px;
    color:#CCC;
    cursor:pointer;
}
.set_name {
    width:300px;
}
.card_num {
    text-align: left;
    width:150px;
}
#smart_quote_text, #smart_rand_text, #smart_notice {
    padding:10px;
}
#smart_status {
    margin-top:-20px;
    padding:0 0 0 20px;
    ;
    font-size:12px;
    color:#999;
}
#smart_sessions #quote, #smart_sessions #rand, #smart_sessions #smart_notice{
    display:none;
    color:#333;
    border:1px solid #ccccff;
    border-radius: 3px;
    padding:8px 8px;
    margin:8px 18px;
    background-color:#f6f6ff;
    line-height: 22px !important;
}
#smart_sessions #smart_notice {
    display:none;
}
.colspacer {
    width:8px;
}
.mastery_score, .avg_time {
    padding:8px 0px;
    width:50px;
    border:1px solid #00ffff;
}
#mobile_keyboard {
    color: transparent;
    position:absolute;
    right:5px;
    bottom:0px;
    height:75px;
    width:75px;
    padding:0px;
    display:none;
    text-transform:uppercase;
    background-color: transparent;
    border:1px;
    background-size:contain;
    background-repeat: no-repeat;
    background-image:url(../_img/keyboard-icon.png);
}
#mobile_keyboard:focus{
    outline: none;
}
#debug {
    display:none;
}
#copyright {
    font-size:10px;
    color:#fff;

}
#cssmenu {
    background-color: #000 !important;
}
#cssmenu h1 {
    font-size: 24px;
    color:#fff;
    margin:0px;
    padding:12px 24px;
}
.half {

    width:50%;
    float:left;

}
.forty {
    width:45%;
}
.left {
    padding:20px 20px !important;
    float:left !important;
}
.right {
    background-color:#fafafa;
    margin-left:30px;
    padding:10px 10px 10px 10px;
    border:1px dotted #ccc;
    float:right !important;
    border-radius: 0 0 0 20px;
}
#text h2 {
    letter-spacing: .025em;
}
#letterTest {
    visibility: hidden;
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    font-size:15px;
    display:inline-block;
    padding:0px;
    margin:0px;
}
letter.border {
    border-bottom:1px solid #999;
    overflow:hidden;
}
letter{
    height:14px;
    padding:0px;
    margin:0px;
    display:inline-block;
    margin-right:0.1em;
}
letter:last-child {
    margin-right:0px;
}
.keyword {
    font-weight: bold;
}
.unique {
    text-decoration: underline;
}
p.text {
    font-size:16px;
}

help_folder h1 {
    font-family: 'Tahoma','Open Sans', Helvetica, sans-serif;
    font-size:24px;
    font-weight: 500;
    letter-spacing: .1rem !important;
    text-shadow: 1px 1px #333;

    width:260px;
    color:#fff;
    background-color:#EE6600;
    margin:-20px 0 12px -20px;
    padding:8px 25px;

    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
    border-radius: 4px;
}
help_folder h2 {
    margin:0 0 10px 20px;
    font-size:18px;
    color:#333;
}
help_folder p, help_folder li {
    font-size:14px;
    color:#333;
    font-weight: normal;
    margin:0 0 10px 40px;
}
help_folder li {
    margin:10px 0 10px 60px;
}
.help_icon {
    font-size:10px;
    vertical-align: super;
}
folder, help_folder {
    font-size:18px;
    color:#000;
    display:block;
    font-weight: bold;
    border:1px solid #ccc;
    margin:30px 0px;
    padding:10px;
    border-radius: 5px;
    background-color: #fff;
}
folder {
    font-weight:normal;
    font-size:14px;
    max-width:785px;
    width:100%;
}
button.system
{
    font-family: 'Tahoma','Open Sans', Helvetica, sans-serif;
    background-color:#0066CC;
    letter-spacing: 1px;
    border:none;
    width:98%;
}

.two_col_left {
    display:block;
    float:left;
    width:49%;
    white-space: normal;

}
.two_col_right {
    display:block;
    float:right;
    white-space: normal;

    width:49%;
}

button {
    width:100%;
    margin:10px 0px 10px 0px;

    border-radius: 5px;

    font-weight: bold;
    font-size:18px;
    //text-transform: capitalize;
}
button a {
    display:block;
    width:100%;
    padding:10px 20px;
    color:#FFF;
    text-decoration: none;
}
set {
    //  display:block;
    //  padding:10px;
    //  font-size:14px;
    //  color:#333;
    //  font-weight: normal;
    //  background-color:#EEEEFF;
    //  border:1px solid #CBCBDC;
    //  margin:10px 30px 10px 30px;

    //  border-radius: 3px;
}
# Stats Table
.dataTables_info {
    visibility:none !important;
    display:none !important;
    border:1px solid #000 !important;
}


.nopadding {
    padding:0px 0px !important;
    padding:16px;
}
set td.set_names {
    padding:10px;
    font-size:14px;
}
set td.type {
    height:38px;
    font-weight: bold;
    border:0px;
    color:#FFF;
    width:70px !important;
    text-align:center;
    vertical-align: middle;
    font-size:18px;
}
#rand_review, #quote_review {
    background-color:#fafafa;
    padding:10px 20px;
    height:63px;
}
.smart_rand_back {
    background-color:#00CC00;
}
.rand_back,.learn_back,.quote_back,.uw_back {
    //    height:50px;
    //    font-weight: bold;
    //    border:0px;
    //    color:#FFF;
    //    width:60px !important;
    //    align-items:center;
    //    justify-content:center;
    //    font-size:30px;
    //    padding:0px;
    //    border-radius: 5px;
    width:50px;
    height:56px;
    display: flex;
    float:left;
}
.rand_back {
    background-image: url("../icon_rand.png");
    // background-color:#0066CC;
    // Orange #df966e; //#3333CC;
}
.learn_back {
    background-image: url("../icon_learn.png");
    //background-color:#0066CC;
    //#33CC33;
}
.quote_back {
    background-image: url("../icon_quote.png");
    //background-color:#0066CC;
    //#CC3333;
}
.uw_back {
    background-image: url("../icon_unique.png");
    //background-color:#0066CC;
    //#C3C333;
}
set td.start a {
    display:block;
    color:#0000CC;
    text-decoration: none;
}
set td.start {
    font-weight: bold;
    color:#FFF;
    width:65px !important;
    text-align:center;
    padding:10px;
    font-size:18px;
}
table#set_buttons .name {
    width:300px;
}
#saveNotice {
    display:none;
}
coachtip {
    display:none;
    margin:20px 0 0 0 !important;
    padding:10px;
    background-color:#CCCCFF;
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    font-size:12px;
    color:#000;
}

learntip {
    display:none;
    margin:20px 0 0 0 !important;
    padding:10px;
    background-color:#CCCCFF;
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    font-size:18px;
    color:#000;
}
firstletter {
    display:inline-block;
    color:#666 !important;
}

nextword {
    letter-spacing: 0.02em;
    white-space: nowrap;
    display:inline-block;
    color:#666;
    padding:4px 4px;

}

word {
    letter-spacing: 0.02em;
    white-space: nowrap;
    display:inline-block;
    color:#333;
    padding:4px 4px;
}

#innerWrap {
    background-color:#ededed;
    padding-top:30px;
    width:100%;
}
#text {
    min-height:100px;
    font-size:15px;
    color:#333;
    padding:10px 9% 10px 9%;
}
#cardFooter {
    overflow: hidden;
    height:30px;
    display: block;
    position: relative;
    margin-top:30px;
}
#body {
    font-size:14px;
    color:#333;
    padding:10px 60px 30px 60px;
}
.grade_pass, .grade_fail {

    background-color:ededed;
    border-bottom:1px dotted #ccc;
}
.verseCheck {
    margin:0 3px 0 3px;
    font-weight: bold;
}
versenum {
    letter-spacing: 0px !important;
    vertical-align: super;
    display:inline-block;
    color:#000;
    font-weight:bold;
    font-size:10px;
    padding:0 4px 0 0;
    margin:0px;
}
#key {
    font-size:12px;
    color:#333;
}
#dt_links {
    margin:0 0 20px 0;
}
#dt_links td {
    font-weight: normal;
    padding:8px;
}
h1 {
    font-size:16px;
    font-weight: bold;
    margin:32px 0 12px 0px;
}
h1.title
{
    font-family: 'Tahoma','Open Sans', Helvetica, sans-serif;
    font-size:24px;
    font-weight: 500;
    letter-spacing: .1rem !important;
    text-shadow: 1px 1px #333;
    width:375px;
    color:#fff !important;
    background-color:#EE6600;
    margin:-20px 0 12px -25px;
    padding:8px 25px !important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
    border-radius: 4px;

}

h2 {
    font-size:16px;
    font-weight: normal;
    //    font-style:italic;
    margin:16px 0 12px 4px;
}
.title-wrap {
    filter: drop-shadow(2px 3px 3px #999);
}
.num_sessions {
    font-family: Arial, sans-serif;
    text-align: center;
    font-size:12px;
    font-weight: 500;
    height:fit-content !important;
    color:#fff;
    padding:0px 4px;
    background-color:#EE6600;
    float:right;
    margin-top:-60px;
    border:0px solid #0066CC;
    margin-right:-5px;
    border-radius: 4px;
}
folder h2 {
    font-family: 'Tahoma','Open Sans', Helvetica, sans-serif;
    font-size:22px;
    font-weight: 500;
    letter-spacing: .1rem !important;
    text-shadow: 1px 1px #333;
    width:260px;
    color:#fff;
    background-color:#EE6600;
    margin:-20px 0 12px -20px;
    padding:8px 25px;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
    border-radius: 4px;
}
.folder-image {
    height:20px;
    float:left;
    margin:-1px 8px 0 0;
}
table.stats th {
    background-color: #3333CC;
}
table.stats {
    border-collapse: collapse;
    border:0px;
    margin:5px 0 0 0;
    border:1px solid #ccc;
    border-radius: 5px;
}
table.stats td{
    font-size:12px;
    color:#000;
    padding:8px;

}
table.stats th  {
    font-size:11px;
    color:#fff;
    padding:8px;
}
table.stats .borderLeft {
    border-left:1px solid #ccc;
}
table.stats .borderRight {
    border-right:1px solid #ccc;
}

#cardRef {
    font-weight:normal !important;
}
.wordError_1, .wordError_2, .wordError_3, .wordError_4 {
    padding:4px;
}
.wordSkipped_1 {
    border-bottom:1px dotted #c00;
}
.wordError_1 {
    /*  border:1px solid #c00; */
    background:#FFDDDD;
}
.wordError_2 {
    /*   border:2px solid #c00; */
    background:#F2C3C3;
}
.wordError_3 {
    /*   border:3px solid #c00; */
    background:#E5AAAA;
}
.wordError_4 {
    /*   border:4px solid #c00; */
    background:#CC7777;
}
#reference {
    position:relative;
    top:10px;
    padding:0px 30px 0 20px;
    font-size:16px;
    color:#000;
    font-weight:bold;
    width:50%;
}
.word {
    display:inline-block;
    padding:1px 3px;
}
#stats {
    border-radius:5px;
    color:#888;
    font-size:12px;
    padding:8px;
    text-align:left;
    background-color:#efefef;

}
#sessionStatus, #LookupStatus, #notice
{
    color:#999;
    font-size:12px;
    padding:8px;
}
#LookupStatus 
{
    display:inline-block;
    position:absolute;
    bottom:0px;
    left:200px;
    text-align:left;    
}
#sessionStatus{
    display:inline-block;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:left;
}
#sessionStatusBar {
    position:absolute;
    bottom:0px;
    left:0px;
    height:6px;
    background-color:#df966e;
    border-top:1px solid #AAA;
    border-right:1px solid #AAA;
}

#notice > a {
    color:#fff;
}
.notice-wrap {
    filter: drop-shadow(2px 3px 3px #999);
    position:absolute;
    bottom:50px;
    right:90px;
}
#notice {
    display:none;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
    border-radius: 4px;
    padding:8px 25px;
    background-color:#EE6600;
    color:#fff;
    font-size:15px;
    width:350px;
    text-align:center;
}
#wordNext {
    color:#999;
    font-size:10px;
    letter-spacing:4px;
}
#dialog_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Left and right columns */
  grid-template-areas:
    "setlist_wrap studyoptions"
    "setlist_wrap filter"
    "submit submit";
  gap: 10px;
  align-items: start; /* Keeps heights independent */
}

#setlist_wrap {
  grid-area: setlist_wrap;
}

#studyoptions {
  grid-area: studyoptions;
}

#filter {
  grid-area: filter;
}

#submit {
  grid-area: submit;
  text-align: center;
  margin-top: 10px;
}

.highlight1 {
    background-color:#ffff99;
    border-top:1px solid #cccc00;
    border-bottom:1px solid #cccc00;
    padding:0px 4px;
}
.highlightStart {
    border-left:1px solid #cccc00;
    padding:0px 4px 0px 3px;
}
.highlightEnd {
    border-right:1px solid #cccc00;
    padding:0px 3px 0px 4px;
}
#card, #material_wrap {
    max-width:1000px;
    width:100%;
}
#quote_box {
    border-radius: 3px;
    display:block;
    background-color:#fff;
    padding:0 0 30px 0;
    border:1px solid #ccc;
    margin:0px auto;
    max-width:785px;
}
#card {
    position:relative;
    border-radius:0px;
    margin:0px auto;
    height:auto;
    background-size:cover;
    background-color:#ededed;
    color: #ccc;

}
#options {
    display:none;
}

.subMenu {
    position:relative;
    float:right;
    margin-top:20px;
}
.subMenu li {
    display:block;
}

#menu {
    position:relative;
    top:0px;
    left:0px;
    padding:1px;
    background-color:#eee;
    color:#000;
    -webkit-border-radius: 5px 0 5px 0;
    border-radius:  0px 0 0px 0;
    display:block;
    border-bottom: 1px solid #ccc;
}
#menu ul li {
    display:inline;
    padding:0px;

}

#menu ul li a {
    font-size:15px;
    padding:0 10px 0 10px;
    margin:0px;
    text-decoration:none;
    color:#111;
    border-left:1px solid #ccc;
}
#menu ul li:last-child a {
    border-right:1px solid #ccc;
}
#menu ul li a:hover {
    color:#000;
    border-bottom:1px solid #000;
}
#up, #down {
    color:#00c;
    font-weight:bold;
    font-size:32px;
    display:inline;
    cursor: pointer;
    position:relative;
}
.session_menu {
    margin-top:-58px;
    margin-right:3px;
    color:#fff;
    display:block;
    cursor: pointer;
    float:right;
    z-index: 10;
}
.session_menu_row {
    padding:0px 0px 0px 5px;
    vertical-align: top;
}
p {
    color:#333;
}
#up {
    position:relative;
    float:right;
    right:0px;
    margin:0 0 0 30px;
}
#down {
    left:0px;
    margin:0 30px 0 0;
}
#shortcut_keys {
    font-size:12px;
    display:inline-block;
    padding:0px;

}
#hintText,#shortcut_keys {
    width:600px;
    margin:0px auto;
    border:1px solid #ccc;
    display:block;
}
#hintText, #hintText #text, #hintText #wordNext {
    font-size:24px;
    display:inline-block;
    padding:0px;
}
#set_saved {
    margin:10px 0 10px 0;
}
#submitQuote {
    margin:10px 0 0 0;
}
#quote_option {
    font-family: "Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;
    font-size:14px;
    color:#333;
    display:none;
}
h3 {
    font-size:18px;
    color:#000;
    margin:0 0 0 0;
}
#newSetBox {
    display:none;
}
#ref_translations,#ref_books, #ref_chapters, #ref_sVerses, #ref_eVerses, #ref_submit, #ref_saved, #saved_submit {
    float:left;
    padding-right:20px;
}
#ref_submit, #saved_submit {
    padding:2px;
    text-align:center;
}

#ref_books select, #ref_saved select, #ref_chapters select , #ref_translations select, #user_sets,#user_folders {
    background-color:#FFF;
    border-radius:5px;
    padding:4px;
}
#ref_books select, #ref_saved select {
    width:160px;
}
#ref_chapters select {
    width:80px;
}
#save_material, #remove_material {
    background-color:#efefef;
    border:1px solid #CCC;
    color:#888;
    cursor:pointer;
    position:absolute;
    width:250px;
    right:30px;
}
.statLine {
    padding-top:2px;
    padding-bottom:2px;
    height:20px;
}
.scoreBar {
    position:absolute;
    right:0px;
    background-color:#dfdfdf;
    height:12px;
    margin-top:-16px;
    padding:2px 5px 2px 0px;
    text-align:right;
    font-size:11px;
    color:#999;
    border-radius:6px 0px 0px 6px;
}
#keys {
    padding:6px 0px;
    background-color:#efefef;
    text-align:center;
    color:#888;
    font-size:11px;
    line-height:20px;
    border-radius:5px;
}
#material_wrap {
    margin:0px auto;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666

}
#material_wrap .title {
    color:#000;
    font-weight:bold;
    padding:0 0 5px 3px;
}
#newSet {
    display:none;
}
#saved_material, #select_material {
    font-size:14px;
    border:1px solid #333;
    background-color:#efefef;
    border-radius:5px;
    padding:10px;
}
#select_material {
    border:1px solid #000;
    margin:20px auto;
    width:90%;
}
#selectRef {
    margin:10px 0 0 0;
}
#footer {
    padding:8px;
    width: auto;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #0066bb;
    background: -moz-linear-gradient(top, #0066BB 0%, #0066BB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066BB), color-stop(100%, #0066BB));
    background: -webkit-linear-gradient(top, #0066BB 0%, #0066BB 100%);
    background: -o-linear-gradient(top, #0066BB 0%, #0066BB 100%);
    background: -ms-linear-gradient(top, #0066BB 0%, #0066BB 100%);
    background: linear-gradient(to bottom, #0066BB 0%, #0066BB 100%);
    color:#fff;
    border-top:1px solid #666;
    position:relative;
}
table {
    margin:0px;
}

#markup_menu {
    width:300px;
    display:none;
    padding:8px;
    background-color:#f6f6ff;
    border:1px solid #ccccff;
    border-radius:3px;
    -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.46);
}
#markup_menu button {
    color:#333;
    font-weight: normal;
    padding:0px;
    margin:3px;
}
#section_name_box, #bulk_p_box {
    display:none;
}
#section_name_box button, #bulk_p_box button {
    width:100px;
}
#session_delete_box button {
    margin:0px;
    padding:0px;
    width:100px;
}
#session_delete_box {
    display:none;
    width:130px;
    padding:5px 5px;
    background-color: #fefefe;
    border:1px solid #ddddee;
    border-radius:3px;
    -webkit-box-shadow:0px 0px 5px 4px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.46);
}
#session_delete_cancel {
    float:right;
    width:25px !important;
    height:25px;
}
.session_pct {
    font-size:18px;
    color:#666;
}
word.shiftLeft {
    padding-left:2px;
}
versenum.shiftLeft {
    display:none;
    padding:0px;
}
.signup
{
    width:250px;
    padding:8px 8px;
    font-size:18px;
}
.signup_label
{
    font-weight: bold;
    color:#666;
    padding:8px 8px;
    font-size:16px;
}


table {
    border-collapse: collapse;
    font-family: sans-serif;
}
.set_name {
    font-size:14px;
    width:355px;
    padding:14px;
}
.stat_container {
    padding:4px 8px;
    width:45px;
}
.stat_container:last-child {

}
.stat_box {
    background: linear-gradient(to right, #00ddff 24%, #fefeff 0%);
    font-size:12px;
    padding:4px 0px;
    text-align: center;
    border:1px solid #ccccff;
}
.stat_heading {
    font-size:12px;
    font-weight: bold;
    text-align: center;
    background-color: #0000cc;
    padding:10px 0px;
    color:#fff;

}

.stat_heading:nth-child(2) {
    border-radius: 5px 0px 0px 0px;
}
.stat_heading:last-child {
    border-radius: 0px 5px 0px 0px;
}
.stat_row {
    border:1px solid #ccccff;
    background-color:#f6f6ff;
    border-radius: 5px;
}
.row_spacer {
    height:8px;
}
.loading {
    height:18px;
    width:18px;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    filter: drop-shadow(1px 1px 3px #999);
    visibility: hidden;
    margin-left:20px;
    width: 480px;
    background-color: #fff;
    color: #333;
    text-align: left;
    padding: 8px;
    border-radius: 3px;
    border:1px solid #ccc;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
@media only screen and (max-width: 400px) {
    h1 {
        font-size:14px;
    }
    #innerWrap {
        padding-top:0px;
    }
    #notice {
        left:5px;
        font-size:12px;
        width:215px;
    }
    #text {
        font-size:14px;
        padding: 5px 4% 5px 4%;
    }
}