@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}
body {
    padding:0px;
    margin:0 0 0 250px;
    font-family: myFirstFont;
    transition:all 0.2s;
    background: rgb(144,144,144);
    background: radial-gradient(circle, rgba(144,144,144,1) 0%, rgba(48,48,48,1) 100%);
}
body.menuslide {
    margin:0;
}
body.menuslide .sidenav {
    left: -250px;
}
body.menuslide #containermenu {
    right: -45px;
}
body.menuslide .fulldiv {
    top:25px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.overflowauto {
    overflow: auto;
    margin:0 1.5%;
}
.overflowauto .examtable2 {
    margin-left:0;
    margin-right:0;
}
.number100width {
    width:32px;
}
.clearfix {
    clear:both;
}
.gap {
    padding:10px;
    clear:both;
}
a {
    text-decoration:none;
}
.nav {
    background:#282828;
    position:fixed;
    width:100%;
    z-index:2;
    right:0;
    left:0;
}
nav {
    max-width:900px;
    width:90%;
    margin:0 auto;
    text-align:right;
}
.notify {
    display:inline-block;
    padding:10px;
    cursor:pointer;
    position:relative;
}
.notify img {
    display:inline-block;
}
.pinkBg {
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}
.intro-banner-vdo-play-btn{
    height:5px;
    width:5px;
    position:absolute;
    text-align:center;
    border-radius:50%;
    z-index:1;
    font-size:10px;
    color:white;
    bottom:43%;
    right:43%;
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:60px;
    height:60px;
    left:-27.5px;
    bottom:-27.5px;
    z-index:-1;
    opacity:0;
    border-radius:50%;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
@keyframes myanimation {
    0% {background-color: red;}
    50% {background-color: inherit;}
    100% {background-color: red;}
}
.blink2 {
    animation: myanimation2 2s infinite;
}
@keyframes myanimation2 {
    0% {background-color: red;}
    25% {background-color: blue;}
    50% {background-color: orange;}
    75% {background-color: green;}
    100% {background-color: red;}
}
.sidenav {
    position:fixed;
    max-width:250px;
    width:100%;
    background:#282828;
    left:0;
    top:0;
    bottom:0;
    -webkit-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    -webkit-transition: all 0.2s; /* Safari prior 6.1 */
    transition: all 0.2s;
    z-index:2;
}
.admin {
    border-bottom:2px solid white;
    padding:12px;
    background:white;
}
.admin h3, .admin p {
    color:#282828;
    margin:5px;
    padding:0;
    font-size:15px;
    text-align:center;
}
.logo, .profilephoto, .msgphoto {
    border-top:4px solid #282828;
    border-left:4px solid #a6a6a6;
    border-bottom:4px solid #282828;
    border-right:4px solid #a6a6a6;
    border-radius:50%;
    width:25%;
    padding-top:25%;
    margin:0 auto 20px;
    position:relative;
}
.logo img, .profilephoto img, .msgphoto img {
    right:0;
    left:0;
    top:0;
    bottom:0;
    position:absolute;
    width:98%;
    height:98%;
    border-radius:50%;
    margin:1%;
}
.msgphoto {
    width:40px !important;
    padding-top:40px;
    margin:0 5px;
    display:inline-block;
    vertical-align:middle;
    border:0;
}
.themsgtitle {
    display:inline-block;
    position:absolute;
    right:10px;
    left:70px;
}
.themsgtitle span {
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.menu{
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px;
}
.menu a {
    width:100%;
    padding:5px 0;
    border-bottom:1px solid white;
    color:white;
    font-size:15px;
    font-weight:600;
    display:block;
    text-decoration:none;
    position:relative;
}
.menu a img:nth-child(1) {
    vertical-align:middle;
    padding:0 10px 0 0;
}
.menu a img:nth-child(2) {
    vertical-align:middle;
    right:0;
    position:absolute;
}
#sakura{
    position:fixed;
    z-index:-1;
}
.container {
  position:absolute;
  cursor: pointer;
  top:0;
  right:-45px;
  background:#282828;
  padding:0 5px;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
    -webkit-transition: all 0.4s; /* Safari prior 6.1 */
    transition: all 0.4s;
}
.dropdowncontainer {
    display:inline-block;
    position:relative;
}
.boxes ::-webkit-scrollbar-track, .dropdowncontainer ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.boxes ::-webkit-scrollbar ,.dropdowncontainer ::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.boxes ::-webkit-scrollbar-thumb ,.dropdowncontainer ::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.searchform {
    display:inline-block;
    vertical-align:top;
    margin:0;
}
.searchbox {
    width:150px;
    padding:3px;
    font-size:15px;
    color:#a6a6a6;
    border:0;
    margin:0 10px 0 0;
}
.resultarea {
    overflow-y:auto;
    top:30px;
    right:10px;
    bottom:10px;
    left:10px;
    text-align:left;
    position:absolute;
    background:white;
}
.resultarea2 {
    overflow-y:auto;
    padding:0 10px 10px;
    text-align:left;
    background:white;
}
.resultarea2 p {
    font-family:arial;
    font-size:14px;
}
.resultarea2 span {
    font-weight:600;
}
.resultarea a:nth-child(1){
    padding-top:10px;
}
.resultarea a {
    text-decoration:none;
    display:block;
    padding-bottom:10px;
}
.resultarea a label {
    color:blue;
    font-size:15px;
    font-weight:600;
    display:block;
}
.messages {
    padding:5px;
    border-bottom:1px solid #cccccc;
    cursor:pointer;
}
.droper, .messages label {
    cursor:pointer;
}
.unread {
    background: rgb(42,144,182);
    background: linear-gradient(90deg, rgba(42,144,182,1) 0%, rgba(56,187,193,1) 100%, rgba(100,229,255,1) 100%);
    color:white;
}
.resultarea a span:nth-child(2){
    color:green;
    font-size:13px;
}
.unread span {
    color:white;
}
.unread span:nth-child(2){
    color:rgb(234, 246, 249) !important;
}
.notificationbox {
    position:absolute;
    width:96vh;
    max-width:400px;
    height:0;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:450px;
    background:white;
    right:0;
    top:44px;
    -webkit-box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.75);
}
.notificationbox2 {
    max-width:420px;
}
.notificationbox h3 {
    background:#282828;
    color:white;
    margin:0 0 0 0;
    padding:4px;
    font-size:13px;
    font-weight:100;
    text-align:center;
}
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes jssorl-009-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}.jssorb052 .i{position:absolute;cursor:pointer}.jssorb052 .i .b{fill:#000;fill-opacity:.3}.jssorb052 .i:hover .b{fill-opacity:.7}.jssorb052 .iav .b{fill-opacity:1}.jssorb052 .i.idn{opacity:.3}.jssora053{display:block;position:absolute;cursor:pointer}.jssora053 .a{fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10}.jssora053:hover{opacity:.8}.jssora053.jssora053dn{opacity:.5}.jssora053.jssora053ds{opacity:.3;pointer-events:none}
.notify img.hidden, .hideit, .ffive.hideit, .showonlyifrequirred {
    display:none;
}
.showonlyifrequirred {
    width:100%;
}
#logingout {
    color:#282828;
    font-size:0;
    font-weight:600;
    position:fixed;
    top:25%;
    text-align:center;
    width:100%;
    -webkit-transition: all 2s; /* Safari prior 6.1 */
    transition: all 2s;
}
.login p #captcha {
    color:white;
}
.login p {
    text-align:right;
    margin-right:5%;
    color:red;
    font-weight:900;
}
.login p input {
    width:30px;
    margin-right:5%;
}
.login {
    width: 90%;
    max-width: 450px;
    margin: 0 auto;
    padding-top: 11%;
    text-align: center;
}
.login input[type=password], .login input[type=text] {
    padding:10px;
    vertical-align:middle;
    outline:0;
    text-align:left;
    width: 90%;
    margin: 10px 0;
}
.login input[type=submit], form input[type=submit], .updatemailbutton, .input input.updatemailbutton {
    padding:10px 5%;
    width:90%;
    margin-top:10px;
    border:0;
    background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
    border-radius:5px;
}
input[type=file] {
    background:white;
}
.login .boxes {
    min-height:inherit;
    height:auto;
    padding-bottom:20px;
}
.ffive {
    width:49.5%;
    margin:40px 0 0 0;
    display:inline-block;
}
.limitnoticesize {
    word-break: break-all;
}
.limitnoticesize .remove {
    float:none;
    margin-left:0 !important;
    margin-right:0 !important;
    word-break:keep-all;
}
.boxes {
    width:98%;
    margin:0 1vw 1vw;
    background:rgba(0,0,0,0.9);
    min-height:300px;
    -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
    position:relative;
}
.fulldiv {
    top:55px;
    padding-bottom:20px;
}
.fulldiv .fields, .strange {
    width:90%;
    margin:5px auto;
}
.strange {
    width:100%;
}
.fulldiv .theinputs {
    width:88%;
    margin:5px auto;
    padding: 5px;
    border-radius: 5px;
    border:0;
}
.input {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    position: relative;
    height: 40px;
    margin: 20px 5px;
}
.input label {
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 1;
    font-size: 14px;
    padding: 0 10px;
    color: snow;
    text-shadow: 0.5px 0 #000, -0.5px 0 #000, 0 0.5px #000, 0 -0.5px #000, 1px 0.5px #000, -0.5px -1px #000, 1px -0.5px #000, -1px 0.5px #000;
    font-weight: 900;
}
.input input, .input select {
    border: 1px solid #ccc;
    padding: 8px 10px;
    outline:0;
    position: absolute;
    top: 0;
    bottom: 0;
    height: inherit;
    margin: 0 !important;
    width: 100% !important;
    width: -webkit-fill-available !important;
    border-radius: 5px;
    font-weight: 600;
    font-size: 13px;
    background: white;
}
.fulldiv form.ffive label {
    color:white;
}
.listoft {
    text-align:left;
}
.listoft span {
    color:yellow;
    font-weight:600;
}
.listoft span:nth-child(1){
    color:#c3ff00;
}
.listoft span:nth-child(2){
    color:white;
}
.listoft span:nth-child(3){
    color:orange;
}
.listoft span:nth-child(4){
    color:#db9abc;
}
.listoft span:nth-child(5){
    color:#c3ff00;
}
.listoft span:nth-child(6){
    color:white;
}
.listoft span:nth-child(7){
    color:orange;
}
.listoft span:nth-child(8){
    color:#db9abc;
}
.listoft span:nth-child(9){
    color:#c3ff00;
}
.listoft span:nth-child(10){
    color:white;
}
.listoft span:nth-child(11){
    color:orange;
}
.autofillplace label {
    color:white;
}
form.ffive .namefield input, .formselect{
    width:65%;
    display:inline-block;
    padding:5px 1.5%;
    display: inline-block;
    border-radius: 5px;
    border:0;
}
form.ffive .namefield .inputthirty {
    width:32.1%;
    display:inline-block;
    padding:5px 1.5%;
    border-radius:5px;
}
input.theinputs, textarea.theinputs {
    padding:5px 1.5%;
    margin-top:0 !important;
}
.fields > .fffive {
    padding:3px 1.5%;
    width:48.5%;
}
textarea.theinputs {
    resize:none;
    height:60px;
}
form.ffive, .strange {
    margin:auto auto;
    text-align:center;
    display:inline-block;
}
form.ffive .thirty, form.ffive .namefield input.thirty {
    width:32.1%;
    padding: 5px 1.5%;
    display: inline-block;
    border-radius: 5px;
    border:0;
}
.twintyf {
    width:24%;
    padding:3px 1.5%;
    display:inline-block;
}
select.twintyf, input[type=button].twintyf {
    padding:5px 1.5%;
    border-radius:5px;
}
.ffive {
    position:relative;
    vertical-align:top;
}
.fulldiv .ffive {
    margin-top:0;
}
.overflowoauto {
    overflow-y:auto;
}
.boxes h3.boxesh3 {
    text-align:center;
    background:#282828;
    color:#fff;
    padding:6px;
}
.resultarea3 {
    position:absolute;
    top:50px;
    bottom:5px;
    right:20px;
    left:5px;
    overflow-y:auto;
}
.resultarea3 li, .instructions li {
    color:white;
    margin:3px 0;
    background:none;
    padding:5px;
    font-size:13px;
    margin-right:10px;
}
.resultarea3 li:nth-child(even), .instructions li:nth-child(even){
    background:rgba(87, 87, 87,0.56);
    border-radius:5px;
}
.examtable2 {
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.examtable2 a {
    color:yellow;
    font-weight:600;
}
.examtable tr td {
    width:25%;
}
.examtable tr td:nth-child(5), .examtable2 tr td:nth-child(1), .examtable2 tr td:nth-child(5) {
    width:1%;
    text-align:center;
}
.examtable select, .examtable input[type=text] {
    width:100%;
    padding:3px 0;
}
.examtable input[type="radio"] {
  width:15px;
  height:15px;
}
.examtable, .examtable2 {
    color:white;
    border-collapse:collapse;
    width:97%;
    margin:10px 1.5%;
}
.examtable tr th, .examtable2 tr th {
    background:#222222;
}
.examtable tr th, .examtable tr td, .examtable2 tr th, .examtable2 tr td {
    padding:3px 10px;
    text-align:center;
}
.examtable2 tr th, .examtable2 tr td {
    border-right:1px solid black;
    border-left:1px solid black;
}
.examtable2 {
  counter-reset: section;
}

.examtable2 tr td:nth-child(1)::before {
  counter-increment: section;
  content: counter(section) ".";
}
.examtable tr td:nth-child(2), .examtable tr td:nth-child(3), .examtable2 tr td:nth-child(2), .examtable2 tr td:nth-child(3), .examtable2 tr td:nth-child(4) {
    text-align:left;
}
.examtable tr:nth-child(odd), .examtable2 tr:nth-child(odd){
    background:rgba(87, 87, 87,0.56);
}
.examtable tr:nth-child(2) .hidefirst {
    display:none;
}
.fulldiv .ffive .resultarea3 {
    position:relative;
    top:0;
    max-height:70vh;
}
.fulldiv .formadd {
    width:88%;
    border-radius:5px;
}
#chatbox {
    height:300px;
    width:250px;
    position:fixed;
    bottom:-275px;
    background:white;
    right:20px;
    z-index:3;
    border-radius:10px 10px 0 0;
    transition: all 1s;
    overflow:hidden;
}
#chatbox h3 {
    font-size:13px;
    color:#282828;
    border-bottom:1px solid gray;
    padding:5px;
    margin:0 0 8px 0;
    text-align:center;
}
.cross {
    float:right;color:white;background:#282828;padding:0 4px;border-radius:50%;cursor:pointer;
}
.floatright {
    float:right;
}
.resultarea4 {
    padding-right:20px;
    height:200px;
    bottom:55px;
    right:-25px;
    left:10px;
    position:absolute;
    overflow-y:scroll;
}
.greendot {
    background:#4eb545;
    width:7px;
    height:8px;
    border-radius:50%;
    display:inline-block;
}
.chats {
    cursor:pointer;
}
.resultarea3 a, .instructions a {
    color:#0062ff;
    font-weight:600;
}
.autocomplete {
    position:relative;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 1%;
  right: 1%;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #282828; 
  border-bottom: 1px solid #d4d4d4; 
  color:white;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
  color:#282828;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.successdiv {
    position:fixed;
    text-align:center;
    z-index:10101;
    right:0;
    left:0;
    top:50px;
    transition:top 3s;
}
.success, .failed {
    margin:0 auto;
    width:auto;
    display:inline-block;
    color:white;
    padding:10px 15px;
    font-size:15px;
    border-radius:5px;
}
.failed {
    background:red;
}
.success {
    background:green;
}
.pointer {
    cursor:pointer;
}
.remove {
    background:red;
    color:white !important;
    padding:3px 5px;
    border-radius:5px;
    float:right;
    margin-left:-100%;
    margin-right:30px;
    font-size:10px;
    font-weight:900;
}
.deleted:after {
    content: "REMOVED";
    background:red;
    color:white;
    padding:3px 5px;
    border-radius:5px;
    font-size:10px;
    font-weight:900;
    margin-left:15px;
}
.deleted span {
    color:gray !important;
}
.removed:before {
    content: "DELETED";
    background:blue;
    color:white;
    padding:3px 5px;
    border-radius:5px;
    font-size:10px;
    font-weight:900;
    margin: 5px 15px 5px 0;
    display: inline-block;
}
.removed span {
    color:gray !important;
}
.iftosendmsg {
    position:absolute;
    bottom:40px;
    left:10px;
    font-size:13px;
}
.iftosendmsg label {
    padding:2px;
    position:absolute;
    background:white;
    border:1px solid #282828;
    height:10px;
}
.chattextarea {
    position:absolute;
    right:10px;
    left:10px;
    bottom:5px;
    height:44px;
    border-radius:10px 50px 50px 10px;
    border:1px solid #cfcfcf;
    outline:none;
    width:230px;
    padding:5px 50px 5px 5px;
    resize:none;
    overflow-x:hidden;
}
.chattextarea::-webkit-scrollbar { 
    display: none; 
}
#sendbutton {
    position:absolute;
    right:12px;
    bottom:7px;
    border-radius:50%;
    height:40px;
    width:40px;
    border:1px solid #cfcfcf;
    outline:none;
}
.triangle-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid #555;
	border-bottom: 10px solid transparent;
	margin:0 0 0 5px;
}
.fullchat {
    position:relative;
    clear:both;
}
.selftext{
    float:right;
    padding:5px;
    margin:5px 0;
    max-width:80%;
    display:block;
    border-radius: 6px 0 6px 0;
    position: relative;
    font-family:arial;
    font-size: 13px;
    border: 2px solid rgba(100, 170, 0, .1);
    word-break: break-all;
    background: rgb(195,194,212);
    background: linear-gradient(90deg, rgba(195,194,212,1) 0%, rgba(182,182,244,1) 100%, rgba(100,229,255,1) 100%);
}
.selftext:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid rgb(195,194,212);
    border-right: none;
    bottom: -17px;
    right: 0;
    z-index:-1;
}
.replytext {
    font-family:arial;
    word-break: break-all;
    float:left;
    padding:5px;
    margin:5px 0;
    max-width:80%;
    display:block;
    border-radius: 6px 0 6px 0;
    position: relative;
    font-size: 13px;
    border: 2px solid rgba(100, 170, 0, .1);
    align-self: flex-start;
    background: rgb(42,144,182);
    background: linear-gradient(90deg, rgba(42,144,182,1) 0%, rgba(0,245,255,1) 100%, rgba(100,229,255,1) 100%);
    z-index:1;
}
.replytext:after {
    content: "";
    position: absolute;
    border-top: 10px solid rgb(195,194,212);
    border-right: none;
    right: auto;
    bottom: auto;
    top: -17px;
    left: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid rgb(42,144,182);
    border-left: none;
    z-index:-1;
}
.loader {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #282828;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.references {
    display:none;
    position:absolute;
    height:400px;
    background:white;
    overflow-y:hidden;
    overflow-y:auto;
    cursor:default;
    padding:10px;
}
.reference {
    position:relative;
    float:right;
    cursor:pointer;
}
.reference:hover .references {
    display:block;
    right:0;
    min-width:300px;
    width:90vw;
    max-width:500px;
    background:#fff;
    z-index:2;
    -webkit-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
}
.references table {
    border-collapse:collapse;
    width:100%;
}
.references td:nth-child(3):before {
    content:": ";
    font-weight:900;
}
.references td {
    border-bottom:1px solid;
}
.references tr:last-child td {
    border:0;
}
.references input {
    width:90%;
    cursor:grab;
    float:right;
}
.thebills {
    overflow-x:auto;
}
.thebills .allbils {
    counter-reset: section;
}
.allbils tr td:first-child:before {
    color:white;
    text-align:center;
    counter-increment: section;
    content: counter(section) ". ";
}
.thebills, .thebills table, .fullscreenholder {
    width:96%;
    position:relative;
    margin:10px 2%;
}
.thebills lable {
    font-weight:600;
    color:white;
}
.thebills td.inputsin {
    position:relative;
    height:35px;
}
.thebills input[type=text], .thebills input[type=number], .thebills select {
    top:0;
    right:0;
    left:0;
    padding:5px 2% 5px 26px;
    width:100%;
    position:absolute;
}
.thebills .inputsin:before {
    z-index:1;
    content:" ";
    position:absolute;
    left:0;top:0;
    width:24px;
    height:24px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAeklEQVRIie2TMQqAQAwEB3+hX9LvaCcKNn5KHyUWdmfhCSoKCVzAIgvpdncCuQOXUiFOMmUpyxzggP8CRo154fhouSITNJApBmolIAC9xFxG8wY0QKEAiCHDI6SdG+TtyC1QATOwSjay1nX7zhJgUn4CzMpB+HJcn9oBUjMrjpOgi+4AAAAASUVORK5CYII=);
}
.viewbillssubmitted {
    color:white;
    text-decoration:none;
    font-size:13px;
    float:right;
    margin-left:-100px;
}
.thebills table a {
    color:white;
    text-decoration:none;
}
.viewbills, .viewbills h3 {
    background:white;
    color:black;
}
table.viewbillstable {
    max-width:850px;
    margin:0 auto;
    font-family:arial;
}
table.viewbillstable tr td p {
    border-bottom:1px solid black;
    margin:0;
}
table.viewbillstable .tbody, table.viewbillstable .tbody td, table.viewbillstable .tbody th {
    border:1px solid black;
    padding:10px 10px 0;
}
table.viewbillstable .tbody tr td:last-child,table.viewbillstable .tbody tr td:nth-child(2){
    text-align:right;
}
table.viewbillstable .tbody tr td:nth-child(3){
    text-align:right;
}
table.viewbillstable, table.viewbillstable td, table.viewbillstable th {
    border-collapse:collapse;
}
.viewbillstable tr td:first-child:before {
    content:"";
}
.checkedandcorrected {
    padding:5px;
    margin:5px;
    text-align:center;
}
.allviewtable{
    border-collapse:collapse;
}
.allviewtable td, .allviewtable th {
    border: 1px solid #ddd;
    border-collapse:collapse;
}

.allviewtable tr:nth-child(even){
    background-color: #282828;
}
.leter{
    display:inline-block
}
.leter select {
    max-width:90px;
}
textarea.theinputs {
    text-transform: uppercase;
}
.autofillplace {
    width:100%;
    margin:5px auto 0;
}
.fields .autofillplace {
    width:48.5%;
}
.autofillplace {
    position:relative;
    display:inline-block;
}
.inputsin.autofillplace {
    margin:0 auto;
}
.autofilresponse {
    position:absolute;
    width:88%;
    left:6%;
    background:white;
    z-index:1;
    -webkit-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.75);
    cursor:pointer;
}
.fields .autofilresponse {
    width:100%;
    left:0;
}
.inputsin.autofillplace .autofilresponse {
    top:30px;
    background-color:#282828;
    padding:0;
    margin:0;
}
.autofilresponse a {
    padding:0 5px;
    margin-top:5px;
    margin-bottom:5px;
    border-bottom:1px solid white;
    display:block;
}
.autofillplace .fffive {
    padding:3px 1.5%;
    width:100%;
}
.autofilresponse a {
    width:98%;
    padding:3px 1%;
    text-align:left;
}
.diagram {
    max-width:100%;
    max-height:100px;
}
.question td{
    font-family:arial;
    vertical-align:top;
    background:white;
    color:black;
    font-weight:600;
    border:0;
}
.question .diagram {
    max-width:100%;
    max-height:300px;
    margin:5px auto;
    border:1px solid black;
}
.groupcheck {
    margin:0 5px 0 0;
    vertical-align:middle;
}
.examtable tr td.textleft {
    text-align:left;
}
.button_links {
    display: inline-block;
    padding: 10px;
    border: 3px solid white;
    color: white;
    font-weight: 600;
    border-radius: 8px;
    margin: 10px;
    font-size: 13px;
    outline:0;
}
.checkbox_holder {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 10px;
}
.scrollover {
    overflow: auto;
}
.listtable {
    width: 100%;
    width: -webkit-fill-available;
    margin: 0 auto;
    padding:10px;
    border-collapse: collapse;
    border:1px solid #b0b0b0;
    border-radius:5px;
    overflow:hidden;
}
.listtable tr:nth-child(odd) {
    background: #2c2c2c;
}
.listtable td, .listtable th {
    padding: 5px;
    position: relative;
    border:1px solid #b0b0b0;
    border-top:0;
    border-bottom:0;
    color:white;
}
.listtable tr td:nth-first, .listtable tr th:nth-first {
    border-left:0;
}
.listtable tr td:nth-last, .listtable tr th:nth-last {
    border-right:0;
}
.particularsfield {
    width: -webkit-fill-available;
    padding: 5px;
}
.numbertable {
    width: 50px;
}
.pointer {
    cursor: pointer;
}
textarea.particularsfield {
    resize:none;
}
.centerwarning{
    text-align: center;
    color: gray;
    margin: 15vh 10px 0;
}
.logoimg {
    display: inline-block;
    padding: 10px;
    width: 100px;
    vertical-align: middle;
}
.nam {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}
.nam h2 {
    margin: 10px;
}
.nam p {
    margin: 5px 10px;
}
.dataformtoprint ,.dataformtoprint table {
    color:white;
}
.dataformtoprint table {
    width:100%;
}
.dataformtoprint table td, .dataformtoprint table th {
    padding:5px;
}
.slipheader {
    text-align:center;
    margin: 0 10px 25px;
}
.billtable {
    border:1px solid #d8d8d8;
    border-collapse:collapse;
}
.billtable td, .billtable th{
    border:1px solid #d8d8d8;
}
.billtable .lineinmiddle {
    display:block;
    border-bottom:1px solid gray;
}
.billtable .lineinmiddle:last-child {
    border:0;
}
.logincheckbox {
    width:20px;
    height:20px;
    vertical-align: sub;
}
.logincheckboxlabel {
    color:white;
    font-weight:600;
    font-weight: 600;
    margin: 15px 0;
    display: block;
}
.logincheckboxlabel span {
    margin:5px 10px 5px 0;
}
.showonprint {
    display:none;
}
.transformtowhiteonprint {
    color:white;
}
.exam_selector {
    background: blue;
    padding: 3px;
    margin: 0 5px;
    border-radius: 5px;
}
.pagebreak {
    page-break-after: always;
}
.drop_menus {
    padding: 10px;
}
.drop_menus span {
    padding: 5px 10px;
    display: block;
}
.indepentend_selector {
    padding: 10px;
    border: 0;
    border-radius: 5px;
    margin: 5px;
}
.centerednorecordh2 {
    color: #434343;
    text-align: center;
    padding-top: 100px;
}
@media print {
    .onprintblock {
        display:block;
    }
    body {
        margin:0;
    }
    .dataformtoprint {
        background:white;
    }
    body {
        background:none;
    }
    .hideonprint {
        display:none;
    }
    .showonprint {
        display:block;
    }
    .boxes {
        background:#fff;
        border:0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin:0;
        top:0;
        bottom:0;
    }
    .slipheader {
        color:black;
        background:none;
    }
    .dataformtoprint, .dataformtoprint table {
        color:black;
    }
    .transformtowhiteonprint {
        color:black;
    }
    .transformtowhiteonprint .examtable2 tr td {
        color:black;
    }
    .transformtowhiteonprint .examtable tr td {
        color:black;
        text-align:left !important;
    }
}
@media only screen and (max-width: 600px) {
    .fulldiv {
        top:0;
    }
    .nav {
        position:static;
    }
    .notificationbox {
        z-index:1;
    }
    .dropdowncontainer {
        position:inherit;
    }
    .notificationbox{
        left:0;
        max-width:100%;
        max-height:100%;
        height:0;
        bottom:0;
    }
    body .sidenav {
        left: -100%;
    }
    body #containermenu {
        right: -45px;
    }
    body.menuslide .sidenav {
        left: 0;
    }
    body.menuslide #containermenu {
        right: 0;
    }
    .sidenav {
        right:0;
        max-width:100%;
    }
    .container {
        right:0;
    }
    .searchform {
        position:inherit !important;
    }
    .searchform .notificationbox {
        top:75px;
    }
    .searchbox {
        position:absolute;
        right:0;
        left:0;
        top:44px;
        width:100vw;
        border:1px solid #282828;
        display:none;
        padding:6px 0;
    }
    .ffive {
        margin-top:0;
    }
    .login {
        padding-top:30%;
    }
}
@media only screen and (max-width: 721px) {
    body {
        margin:0;
    }
}
@media only screen and (max-width: 800px) {
    .ffive {
        width:99%;
    }
    .resultarea4 {
        padding-right:0;
        right:10px;
    }
}