#checking {display: block}
#success {display :none; margin:auto}
#fail {display: none}
#newpass {display: none}
#pre-header { margin:auto}

.cf {width:560px; margin:auto;}
.top {width:100%; padding:30px 0; margin-top:-5px; background:#6f1d1d; border-top:5px solid #306ac0; height: 80px;}
body {background:rgb(238, 238, 238); color:#323f4e; font:14px/21px "Open Sans", Arial, Verdana, Tahoma, Trebuchet MS;}
.red-wrap {padding-top:20px; margin: auto;}
.red-box {display:table; color:#fff; width:650px; margin:0 auto 50px auto; background:#ffffff; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.half-grid-content {width:330px; float:left; padding-top: 27px;}
.half-grid-image {width:275px; float:left;}
h1 {font-size:25px; line-height:normal; font-weight:bold; margin-bottom:30px; width:100%;color: #323f4e;}
h2 {font-size:20px; line-height:normal; margin-bottom:15px; width:100%;}
#wrapper {border-top:5px solid #25dad0; width:100%;} 
#test {display : none}

.drag-drop {
    border: 2px dashed #ccc;
    text-align: center;
    padding: 20px;
    cursor: pointer;
}

.dragged {
    border: 2px dashed #000;
}

.tableFixHead          { overflow: auto; height:800px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
table  { border-collapse: collapse; width: 100%;  }
th, td { padding: 4px 4px; }
th     { background:#eeeeee; }
a {color:#6f1d1d; text-decoration:underline; }

.scrollbox {max-height: 600px; display:block; overflow: scroll; background:#7a9e78;}
input { width: fit-content;}

#audioPlayer {display: none;}