@media screen 
and (min-width: 1450px){
.main-index-text {
margin: 50px auto 35px auto;
}.main {
width:1450px; 
margin: 0 auto;
display: table;
height: 100%;
}.closebtn{
display: none;
}p.logintxt{
margin: 7% 0 0px 10%;
}.leftpearl {
position: fixed;
width: 450px;
height: 100%;
background: linear-gradient(to top left, rgb(250 250 250 / 25%), rgba(255, 255, 255, 0.1));
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border-radius: 10px 0 0 0;
}.rightpearl {
width: calc(100% - 450px);
margin-left: 450px;
display: table;
}.onehalfcontainer{
width: 45%;
max-width: 500px;
min-width: 300px;
margin: 16px;
float: left;
}.leftmenu {
width: 170px;
display: table;
height: 100%;
position: fixed;
font-weight: lighter;
}p.mis-header {
margin: 10px 10px 8px 23px;
}p.mis-header-11 {
margin: 20px 10px 8px 34px;
}.trialsectionbutton {
margin: 15px 0px 20px 10px;
padding: 4px 10px;
}.closebtn {
display: none;
}
#trialcardbutton{
margin-right: 30px;
}
.consent-pop {
max-width: 350px;
font-size: 14px;
padding: 5px 20px;
}
textarea.textareaindiv {
width: 93%;
margin: 14px 0 14px 11px;
}
textarea.usermain{
width: 96%;
margin: 14px 0 14px 7px;
}
.searchinline{
margin: 13px 0 0 20px !important;
}
.startnleft {
display: table;
width: 60%;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px 10px;
text-align: center;
float: right;
padding: 0;
}
.startnright {
display: table;
width: 60%;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px 10px;
text-align: center;
float: left;
padding: 0;
}
.maincontainer {
display: table;
width: 85%;
margin: 0 auto;
height: 85%;
}
.menu {
width: 85%;
padding: 0;
display: table;
margin: 20px auto 12px auto;
}.leftcontainer {
width: 50%;
display: table;
float: left;
}.rightcontainer {
width: 49%;
float: right;
display: table;
background: lightgoldenrodyellow;
}p.welcometxtheader {
float: right;
text-align: right;
display: table;
margin: 6px 20px 3px 20px;
}.statcontainer {
display: table;
background: white;
margin: 20px;
float: left;
border-radius: 20px;
box-shadow: 2px 2px 12px -8px black;
}.footeroption {
background: white;
color: #424242;
text-align: center;
padding: 20px 0 0 0;
width: 85%;
margin: 20px auto;
border-radius: 10px;
border: 2px solid black;
}.instructionsim {
display: table;
margin: 10px;
}.register-field {
display: table;
width: 45%;
margin: 120px auto;
} table.caselistview td {
padding: 0 20px;
}img.login_image {
width: 70%;
margin: 60px auto;
display: table;
}img.login_image_2 {
width: 75%;
margin: 20px auto 0 auto;
display: table;
}.addingform {
margin: 70px auto 40px auto;
width: 50%;
}.usermaininput {
width: 28%;
min-width: 220px;
display: table;
float: left;
margin: 10px;
padding: 0 10px;
line-height: 36px;
font-size: 18px;
border: none;
border-radius: 5px;
font-weight: lighter;
font-family: 'Ubuntu', sans-serif; 
border: 1px solid #c4c4c4;
}.leftmenumaindiv {
width: calc(100% - 170px);
margin-left: 170px;
border-radius: 10px 0 0 0;
height: 100%;
}#mobilemenucomp2{
display: table;
width: 100%;}
}
@media screen 
and (min-width: 813px) 
and (max-width: 1450px) {
.main-index-text {
margin: 20px auto 0px auto;
}
.main {
width:100%; 
margin: 0 auto;
display: table;
height: 100%;
}.closebtn {
display: none;
}.leftmenu {
width: 170px;
display: table;
height: 100%;
position: fixed;
font-weight: lighter;
}.closebtn{
display: none;
}.leftpearl {
position: fixed;
width: 450px;
height: 100%;
background: linear-gradient(to top left, rgb(250 250 250 / 25%), rgba(255, 255, 255, 0.1));
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border-radius: 10px 0 0 0;
}.rightpearl {
width: calc(100% - 450px);
margin-left: 450px;
display: table;
}p.logintxt{
margin: 8% 0 0px 10%;
}.onehalfcontainer{
width: 45%;
max-width: 500px;
min-width: 300px;
margin: 16px;
float: left;
}p.mis-header {
margin: 10px 10px 8px 23px;
}p.mis-header-11 {
margin: 20px 10px 8px 34px;
}.trialsectionbutton {
margin: 15px 0px 20px 10px;
padding: 4px 10px;
}#trialcardbutton{
margin-right: 30px;
}.consent-pop {
max-width: 350px;
font-size: 14px;
padding: 5px 20px;
}textarea.textareaindiv {
width: 93%;
margin: 14px 0 14px 11px;
}textarea.usermain{
width: 94%;
margin: 14px 0 14px 7px;
}.searchinline{
margin: 13px 0 0 20px !important;
}.startnleft {
display: table;
width: 60%;
min-width: 305px;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px 10px;
text-align: center;
float: right;
padding: 0;
}.startnright {
display: table;
width: 60%;
min-width: 305px;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px 10px;
text-align: center;
float: left;
padding: 0;
}.maincontainer {
display: table;
width: 89%;
margin: 0 auto;
height: 85%;
}.menu {
width: 89%;
padding: 0;
display: table;
margin: 20px auto 12px auto;
}.leftcontainer {
width: 50%;
display: table;
float: left;
}.rightcontainer {
width: 49%;
float: right;
display: table;
background: lightgoldenrodyellow;
border-radius: 0 25px 25px 0;
}p.welcometxtheader {
float: right;
text-align: right;
display: table;
margin: 6px 20px 3px 20px;
}.statcontainer {
display: table;
background: white;
margin: 20px;
float: left;
border-radius: 20px;
box-shadow: 2px 2px 12px -8px black;
}.footeroption {
background: white;
color: #424242;
text-align: center;
padding: 20px 0 0 0;
width: 89%;
margin: 20px auto;
border-radius: 10px;
border: 2px solid black;
}.instructionsim {
display: table;
margin: 10px;
}.register-field {
display: table;
width: 45%;
margin: 120px auto;
}table.caselistview td {
padding: 0 15px;
}img.login_image {
width: 70%;
margin: 90px auto;
display: table;
}img.login_image_2 {
width: 70%;
margin: 40px auto 0 auto;
display: table;
}.addingform {
margin: 70px auto 40px auto;
width: 55%;
}.usermaininput {
width: 28%;
min-width: 220px;
display: table;
float: left;
margin: 10px;
padding: 0 10px;
line-height: 36px;
font-size: 18px;
border: none;
border-radius: 5px;
font-weight: lighter;
font-family: 'Ubuntu', sans-serif; 
border: 1px solid #c4c4c4;
}.leftmenumaindiv {
width: calc(100% - 170px);
margin-left: 170px;
border-radius: 10px 0 0 0;
height: 100%;
}#mobilemenucomp2{
display: table;
width: 100%;}
}
@media screen 
and (min-width: 375px) 
and (max-width: 812px) {
.signuptxt {
width: 70% !important;
}
.login_image_container {
grid-template-rows: none !important;
}.secondcontainer2 {
grid-template-columns: 1fr !important;
}.secondcontainer3 {
grid-template-columns: 1fr !important;
}.main-index-text {
margin: 20px auto 0px auto;
}p.logo{
font-size: 24px !important;
float: left;
margin: 20px 0 20px 20px!important;
}img.login_image_2 {
width: 70%;
margin: 10px auto 10px auto;
display: table;
}.closebtn {
display: table;
float: right;
margin: 20px 20px 0 0;
color: white;
font-size: 40px;
cursor: pointer;
}ul.planfeatures{
font-size: 16px;
}.leftpearl {
width: 100%;
display: table;
background: linear-gradient(to top left, rgb(250 250 250 / 25%), rgba(255, 255, 255, 0.1));
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}.rightpearl {
width: 100%;
height: 100%;
display: table;
}.leftmenumaindiv{
width: 100%;
height: 100%;
}.leftmenu{
width: 100%;
display: table;
font-weight: lighter;
background: #233f4f;
z-index: 999;
}#closemenu{
display: none;
}.mobilemenucomp{
position: relative;
}#mobilemenucomp2{
display: none;
position: fixed;
z-index: 999;
background: #233f4f;
top: 65px;
width: 220px;
height: 100%;}.consent-pop {
max-width: 88%;
font-size: 12px;
padding: 2px 10px;
border-radius: 15px !important;
}p.logintxt{
margin: 0 0 0px 10%;
}p.trialquestionstem, p.trialquestionstem3{
font-size: 16px;}
.onehalfcontainer{
width: 85%;
max-width: 500px;
min-width: 300px;
margin: 30px auto;
float: none;
}
p.mis-header {
 margin: 0px 10px 8px 10px;
}
p.mis-header-11 {
 margin: 0px 10px 8px 10px;
}
.trialsectionbutton {
margin: 15px 0px 10px 6px;
padding: 0px 7px;
font-size: 14px;}
#trialcardbutton{
 margin-right: 7px;
}.quizbutton{
font-size: 15px;}
.inputforpearlback{
width: 90%;
}
 textarea.textareaindiv {
width: 88%;
margin: 14px auto;
}
 textarea.usermain{
width: 90%;
margin: 14px auto;
}
.flashcard {
width: 90%;
padding: 40px 0;
}
.flashcard p {
width: 90%;
}
.main {
width:100%; 
margin: 0 auto;
display: table;
height: 100%;
}
.startnleft {
display: table;
width: 80%;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px auto;
text-align: center;
padding: 0;
}
.startnright {
display: table;
width: 80%;
background: rgb(251 251 244);
border-radius: 15px;
border: 2px solid black;
margin: 10px auto;
text-align: center;
padding: 0;
}
.maincontainer {
display: table;
width: 95%;
margin: 0 auto;
height: 85%;
}
.menu {
width: 100%;
padding: 12px 0px;
display: table;
margin: 0px 0 11px 0;
background: linear-gradient(to bottom right, rgb(255 255 255 / 70%), rgba(255, 255, 255, 0.3));
backdrop-filter: blur(1px);
}
.genleftcont {
width: 100% !important;
display: table;
margin: 0!important;
}
.genrightcont {
width: 100% !important;
display: table;
margin: 0!important;
}
.leftcontainer {
width: 100%;
display: table;
}
.rightcontainer {
width: 100%;
display: table;
background: lightgoldenrodyellow;
border-radius: 0 0 25px 25px;
}
 p.welcometxtheader {
float: right;
text-align: right;
display: table;
margin: 6px 10px 3px 10px;
}
.statcontainer {
display: table;
background: white;
width: 100%;
float: none;
width: 100%;
}
.footeroption {
background: white;
color: #424242;
text-align: center;
padding: 20px 0 0 0;
width: 95%;
margin: 20px auto;
display: table;
border-radius: 10px;
border: 2px solid black;
}
.instructionsim {
display: table;
margin: 10px;
width: 100%;
}
.register-field {
display: table;
width: 100%;
margin: 60px auto;
}
 table.caselistview td {
padding: 0 7px;
}
.usermaininput {
width: 89%;
min-width: 200px;
display: table;
margin: 10px auto;
padding: 0 10px;
line-height: 36px;
font-size: 18px;
border: none;
border-radius: 5px;
font-weight: lighter;
font-family: 'Ubuntu', sans-serif; 
 border: 1px solid #c4c4c4;
}
}
.right-text-index {
margin: 0px auto 10px auto;
width: 100%;
font-weight: lighter;
background: color(srgb 0.9989 0.9237 0.6145);
border-radius: 20px 20px 0 0;
padding: 20px 0 10px 0;
}
html {
 height: 100%;
}
*{margin:0;padding:0;outline:none}
 body{
 font-family: 'Ubuntu', sans-serif;
 height: 100%;
 font-size: 17px;
 line-height: 27px;
}
.headeroption {
background: #444 url("../img/banner.png") no-repeat scroll 0 0;
border-bottom: 2px solid #444444;
height: 100px;
}
p.logo {
font-size: 24px;
font-family: 'Calistoga', cursive;
padding-top: 4px;
margin: 20px auto;
color: #d5d5d5;
display: table;
}
p.logo3 {
font-size: 20px;
font-family: 'Calistoga', cursive;
margin-top: 5px;
}
a.logo2 {
font-size: 25px;
font-family: 'Calistoga', cursive;
padding-top: 4px;
margin: 0px 0 0 20px;
float: left;
color: black;
display: table;
text-decoration: none;
text-shadow: 1px 0 0 #ffffffcf, 0 -1px 0 #ffffffcf, 0 1px 0 #ffffffcf, -1px 0 0 #ffffffcf;
}
span.difcolor {
 color: #4b9b43;
}
span.difcolor6 {
 color: #3070b1;
}
.imageedit{
 display: table;
 margin: 10px 0;
}
.leftheader {
 display: table;
 margin: 0px 0 5px 10px;
}
.simpleheaderlogo {
 display: table;
 width: 100%;
}
.rightheader {
 display: table;
 float: right;
 margin: 0px 20px 0px 0px;
}
.menu ul li a {
 color: #000000;
 display: table;
 text-decoration: none;
 font-size: 16px;
 margin-top: 7px;
}
.menu ul li a:hover {
color: #6ea2d0;
}
.menulogin ul li a {
 color: #000000;
 display: table;
 text-decoration: none;
 font-size: 16px;
 margin-top: 7px;
}
.menulogin ul li a:hover {
color: #6ea2d0;
}
.menulogin{
width: 100%;
display: table;
border-bottom: 2px solid black;
background: #efeef1;
}
.nav__item__drop li {
display: table;
}
input.uploadimg {
 margin: 10px 5px;
}
.announcements {
 display: table;
 width: 100%;
 background: steelblue;
}
p.logintxt {
 display: table;
 font-size: clamp(15px, calc(1vw + 0.8rem), 25px);
 text-align: center;
}
input.loginput, textarea.loginput {
 display: table;
 border-radius: 12px;
 margin: 14px 10%;
 padding: 9px 0 9px 12px !important;
 width: 75%;
    line-height: 28px;
 font-size: 20px !important;
 border: none;
 font-weight: 300;
 font-family: 'Ubuntu', sans-serif;
box-shadow: 0 0 7px -5px black;}
textarea {
 line-height: 24px !important;
 font-family: 'Ubuntu', sans-serif;
}
input[type="submit"] {
 border: none;
 -webkit-appearance: none;
 font-family: 'Ubuntu', sans-serif;
 font-weight: 300;
 padding: 5px 15px;
 cursor: pointer;
}
input[type="submit"]:hover {
background: white;
color: black;
box-shadow: 0 0 10px -5px black;
}
.signuptxt {
 display: table;
 margin: 0 auto;
 width: 80%;
 font-size: 15px;
 font-weight: lighter;
}
a.belowlogin {
 color: navy;
}
.updateinfoform {
 display: table;
 margin: 10px 20px 10px 0;
 float: left;
 padding: 5px 10px 0 20px;
 border-radius: 5px;
 min-width: 260px;
 background: #f8f7f0;
 border: 2px solid #767676;
}
p.warning {
 background: #faefdd;
 border: 2px solid #cc8d04;
 border-radius: 7px;
}
p.error {
 background: #fadddd;
 border: 2px solid #fd9a9a;
 border-radius: 7px;
}
p.messaging {
 width: 80%;
 display: table;
 margin: 20px auto;
 font-size: 18px;
 font-weight: bold;
 padding: 5px 6px;
}
p.messaging.success {
 background: #d2fad2;
 border: 2px solid #bbe2bb;
 border-radius: 7px;
}
.casesnav {
 width: 100%;
 display: grid;
 overflow: hidden;
 align-items: center !important;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.casesnav ul {
 list-style: none;
 margin: 20px;
 font-size: 18px;
}
.statcontainer ul {
 list-style: none;
 margin: 20px;
 font-size: 18px;
}
.stats p {
 display: inline-table;
 margin: 6px;
}
p.statheader {
 font-weight: bold;
 text-indent: 10px;
 margin: 10px;
 font-size: 20px;
}
p.statcount {
 background: black;
 color: white;
 font-size: 16px;
 padding: 2px 10px;
 border-radius: 20px;
}
a.simulationlink {
 display: table;
 color: black;
 margin: 20px 10px;
 text-decoration: none;
 padding: 5px 15px;
 border-radius: 12px;
 box-shadow: 2px 2px 5px -3px black;
 cursor: pointer;
 float: left;
}
a.simulationlink:hover {
 background: #ccdc63a6!important;
}
.casecontainer {
 background: white;
 border-radius: 25px;
 width: 97%;
 padding: 20px 0;
 margin: 20px auto;
 box-shadow: 2px 2px 12px -8px black;
}
p.caseinstructions {
 margin: 19px;
}
.casesection {
 display: table;
 width: 100%;
 margin: 20px;
 width: 96%;
}
.sectionseperator {
 display: table;
 margin-right: 40px;
 float: left;
}
label.casechecklabel {
 line-height: 20px;
 margin-left: 5px;
 padding: 3px 5px 3px 3px;
 display: table;
}
label.casechecklabel:hover {
background-color: rgb(230, 228, 222);

}
.checkbox {
 height: 20px;
 width: 20px;
 margin: 3px 10px;
 display: table;
 float: left;
}
#casehpi, #scorecontainer, #container1, #click1, #expl1, #submitclick, #click2, #click3, #click4, #click5, #click6, #container2, #expl2, #thirdcontainer, #thirdclick, #fourthcontainer, #fourthclick, #container3, #container4, #container5, #container6, #inclcontainer, #container3, #expl3, #expl4, #expl5, #expl6, #fifthcontainer, #fifthclick, #sixthcontainer, #sixthclick, #seventhcontainer, #nxtbtn, #fnshbtn, #nxtbtnc, #fnshbtnc, #fillselectn, #fillselectb, #fillselectv, #fillselectf, #fillselectda, #fillselectdb, #fillselectdc, #addsubject {
 display: none;
}
.questionsheader {
 font-weight: bold;
 font-size: 20px;
 margin-bottom: 10px;
}
.scorecontainer {
 display: table;
 text-align: right;
 width: 100%;
 font-size: 20px;
 font-weight: bold;
 position: sticky;
 top: 0;
 background: white;
}
.usermaininput:focus {
 box-shadow: 0 0 6px -2px black;
}
p.prescore {
 display: inline-table;
 margin: 0 5px;
 border-bottom: 4px solid steelblue;
}
p#score {
 margin-right: 30px;
}
table.labresults {
 margin: 10px;
}
table.labresults td {
 padding: 4px 10px;
}
table.labresults tr:nth-child(even) {
 background-color: #f2f2f2;
}
table.labresults th {
 background-color: #5f5f5f;
 color: white;
 padding: 4px 10px;
}
p.results {
 margin: 5px;
}
#resulttable {
 box-shadow: 2px 2px 12px -8px black;
 border-radius: 10px;
}
a.passed, a.failed, a.new {
display: table;
color: black;
margin: 17px;
text-decoration: none;
padding: 10px 15px;
border-radius: 25px;
box-shadow: 2px 2px 12px -8px black;
cursor: pointer;
width: -webkit-fill-available;
}
a.passed {
background: #79d4af;
}
a.failed {
background: #d47979;
}
a.new {
background: white;
}
a.passed:hover, a.failed:hover, a.new:hover {
background: black;
color: white;
}
p.listheader {
width: 100%;
display: table;
text-indent: 20px;
font-size: 25px;
padding-top: 20px;
}
.logincontainer {
width: 100%;
display: table;
}
.addcasecontainer {
 width: 100%;
 display: table;
 background: repeating-radial-gradient( circle at 50% 0%, #fbfbfb, #fff 10px );
}
.contactgrid {
 display: grid;
 width: 100%;
 overflow: hidden;
 align-items: center;
 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
 grid-template-rows: 100%;
 height: 100%;
}
.contactinfo {
 background: url(../img/email-pattern.png);
 height: 100%;
}
p.aboutus {
 margin: 30px;
 display: table;
 line-height: 30px;
}
p.caseanswer {
 margin: 20px 0;
 color: #1964a2;
}
.simulationgrid {
 display: table;
 width: 100%;
}
p.instructiontext {
 margin: 20px;
}
p.caseanswer {
 margin: 0 auto 30px auto;
 color: #000000;
 border-left: 5px solid black;
 border-bottom: 2px solid black;
 background: #b0c4de5c;
 display: table;
 width: 93%;
 padding: 10px;
}
input#wellinput {
 border: 1px solid black;
 border-radius: 10px;
}

.page-breaker {
 display: table;
 width: 100%;
 margin: 10px 0;
}

p.footer-copy {
 color: #4a4a4a;
 font-size: 13px;
}
a.footer-link {
 color: black;
}
.footer-info {
 padding: 7px 0 15px 0;
 width: 100%;
 display: table;
}
p.caselistname {
 display: table;
 float: left;
 margin: 10px;
}
.caseslistcontainer {
 display: table;
 margin: 10px auto;
 width: 90%;
}

table.caselistview tr:nth-child(2n) {
 background: #ffffff;
}
table.caselistview {
 display: table;
 margin: 30px auto;
 max-width: 100%;
}
table.caselistview tr {
 text-align: center;
}
a.viewcasebutton {
 text-decoration: none;
 margin: 6px 4px;
 color: black;
 display: inline-table;
 padding: 1px 10px;
 border-radius: 25px;
 border: 1px solid black;
}
a.viewcasebutton:hover {
 background: black;
 color: white;
}
.addcase-input {
 font-family: 'Open Sans', sans-serif;
 display: table;
 border-radius: 12px;
 margin: 14px auto;
 padding: 12px 5px 12px 12px !important;
 width: 90%;
 font-size: 18px !important;
 border: 1px solid #dedede;
 box-sizing: border-box;
}
.addcase-input:focus {
 border: 1px solid steelblue !important;
}
.addcaseeasy {
 display: table;
 width: 96%;
 border-radius: 10px;
 margin: 20px 0;
 padding: 0 5px;
}
.addcaseeasy p {
 text-align: center;
 margin: 10px auto;
 font-size: 18px;
 background: white;
 display: table;
 padding: 5px 12px;
 border-radius: 22px;
}
textarea.addcase-input {
 display: initial;
 width: 100%;
 margin: 7px 0;
}
.loginput:focus, .profileinput:focus {
 border: 1px solid #656565 !important;
 box-shadow: 0 0 12px -7px black;
}
input.profileinput, textarea.profileinput {
 display: table;
 border-radius: 5px;
 margin: 6px;
 padding: 8px !important;
 width: 70%;
 font-size: 15px !important;
 border: 1px solid #dedede;
}
p.profileinput {
 display: table;
 border-radius: 5px;
 margin: 6px;
 padding: 0 8px !important;
 width: 70%;
 font-size: 15px !important;
 border: 1px solid #dedede; 
 background: white;
}
.tbl td {
 font-size: 17px;
 text-align: right;
}
.casenamecontainer {
 background: #2c5171;
 color: white;
 border-radius: 9px;
 display: table;
 font-size: 20px;
 margin: 20px 25PX;
 box-shadow: 2px 2px 12px -8px black;
 padding: 10px;
}
input[type="submit"]:focus {
 box-shadow: 0px 0px 6px 2px steelblue;
}
a.editcasealone {
 text-decoration: none;
 margin: 6px 30px;
 color: black;
 display: table;
 font-size: 20px;
 padding: 1px 10px;
 border-radius: 25px;
 border: 1px solid black;
}
a.editcasealone:hover {
 background: black;
 color: white;
}
.rightleftcontainer {
 display: table;
 width: 100%;
 overflow: hidden;
 max-width: 100%;
}
p.mis-header {
 display: table;
 font-size: clamp(16px, calc(1vw + 0.8rem), 22px);
}
p.mis-header-11 {
 display: table;
 float: left;
 font-size: clamp(16px, calc(1vw + 0.8rem), 22px);
}
img.image-half {
 display: table;
 width: 100%;
}
.privacy-policy-h1 {
 margin: 20px auto;
 background: #ffffff;
 padding: 20px 10px;
 font-weight: bold;
 font-size: 20px;
 display: table;
 text-align: center;
 box-shadow: 3px 3px 0px 0px blanchedalmond;
 border-bottom: 4px solid black;
 border-right: 4px solid black;
}
p.leftcontainertext {
 text-align: center;
 margin: 20px;
 display: table;
 padding: 30px 20px;
 font-size: 17px;
 line-height: 30px;
 background: #ffffff;
 box-shadow: 6px 6px 0px 0px blanchedalmond;
 border-bottom: 4px solid black;
 border-right: 4px solid black;
}
.index-content{
 display: table;
 background-image: url(../img/books2.jpg);
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 30px 0;
}
.index-content-2 {
 display: table;
 background-image: url(../img/addingcase.jpg);
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 30px 0;
}
.index-content-2 h2 {
 background: white;
 display: table;
 padding: 10px;
 border-bottom: 4px solid black;
 border-right: 4px solid black;
 margin: 350px auto;
 box-shadow: 6px 6px 0px 0px blanchedalmond;
}
.index-content-3 {
 display: table;
 background-image: url(../img/note-taking.jpg);
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 80px 0;
}
.register-content {
 display: table;
 background-image: url(../img/bg2.jpg);
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 30px 0;
}
.index-content-3 h2 {
 background: white;
 display: table;
 padding: 10px;
 border-bottom: 4px solid black;
 border-right: 4px solid black;
 margin: 30px auto;
 box-shadow: 6px 6px 0px 0px blanchedalmond;
}
.register-content h2 {
 background: white;
 display: table;
 padding: 10px;
 border-bottom: 4px solid black;
 border-right: 4px solid black;
 margin: 30px auto;
 box-shadow: 6px 6px 0px 0px blanchedalmond;
}
#orangefont {
color: #390000;
}
.secondcontainer {
 display: table;
 width: 100%;
 overflow: hidden;
 border-radius: 10px;
 background: linear-gradient(to top left, rgb(250 250 250 / 80%), rgba(255, 255, 255, 0.2));
 border: 2px solid black;
}
.secondcontainer2 {
display: grid;
grid-template-columns: 1.2fr 1fr;
width: 100%;
margin: 0 auto 30px auto;
padding: 0;
background: #f1f0f5;
border-radius: 20px;
}.secondcontainer3 {
display: grid;
grid-template-columns: 1fr 1fr;
width: 93%;
margin: 0 auto 30px auto;
padding: 0;
}
.thirdcontainer {
display: table;
width: 100%;
height: 100%;
overflow: hidden;
background: linear-gradient(#f9f9f924, #f9f9f924), url(../img/stacked-peaks-haikei5.svg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
border-radius: 10px 0 0 0;
box-shadow: 0 0 20px -10px black;
}
.maincontent {
font-size: 16px;
min-height: 430px;
padding: 20px;
}
p{margin:0}
.tblone{width:100%;border:1px solid #fff;margin:20px 0}
.tblone td{padding:5px 10px;text-align:center;}
table.tblone tr:nth-child(2n+1){background:#fff;height:30px;}
table.tblone tr:nth-child(2n){background:#f1f1f1;height:30px;}
.startnowcontainer {
 width: 100%;
 display: table;
 margin: 20px 0;
}
p.plan-name {
 font-size: clamp(14px, calc(1vw + 1.1rem), 25px);
 font-weight: bold;
 margin: 0;
 background: black;
 color: white;
 line-height: calc(1vw + 46px);
 border-radius: 10px 10px 0 0;
}
p.startp {
 font-style: italic;
 margin: 0;
 font-size: 19px;
 background: #f1f1e2;
 line-height: calc(1vw + 46px);
}
p.startp2 {
 font-weight: bold;
 margin: 0;
 font-size: 19px;
 background: #ddddcf;
 line-height: 53px;
}
.genleftcont {
 width: 50%;
 display: table;
 float: left;
 margin: 0;
 padding: 15px 0;
}.genrightcont {
 width: 49%;
 display: table;
 float: left;
 margin: 0;
 padding: 15px 0;
}.leftcont85 {
 width: 96%;
 display: table;
 margin: 16px auto 0 auto;
}.rightcont85 {
 width: 96%;
 display: table;
 margin: 16px auto 0 auto;
}ul.planfeatures {
 list-style: none;
 line-height: 30px;
 padding: 10px;
 font-weight: lighter;
}p.index-subdes {
 font-weight: lighter;
 margin: 4px 14px 15px 0px;
 font-size: clamp(14px, calc(1vw + 0.7rem), 17px);
}.index-subdes2{
font-weight: lighter;
margin: 5px 14px 20px 15px;
font-size: clamp(14px, calc(1vw + 0.7rem), 17px);}.index-subdes3{
font-weight: lighter;
margin: 5px auto 0px auto;
display: table;
font-size: clamp(14px, calc(1vw + 0.7rem), 17px);}
.index-subdes4{
display: flex;
align-items: self-start;
justify-content: flex-start;
font-weight: lighter;
margin: 10px 20px 10px 20px;
font-size: clamp(17px, calc(1vw + 0.5rem), 21px);
line-height: clamp(30px, calc(1vw + 1.2rem), 34px);
}
.lcindex {
background: #f1f0f5;
border-radius: 15px;
}.register-div-main {
padding: 10px 0 10px 0;
}p.mis-header-register {
text-align: center;
font-size: 22px;
margin: 20px 0;
}.register-div-main input {
margin: 14px auto;
padding: 13px 0 13px 12px !important;
}.register-div-main input[type="submit"] {
padding: 5px 15px !important;
}.getstarted-div {
display: table;
width: 100%;
margin-bottom: 30px;
background: whitesmoke;
border-radius: 25px;
box-shadow: 0 0 30px -20px black;
padding-bottom: 15px;
}p.getstarted-text {
font-size: 25px;
line-height: 50px;
font-weight: bold;
margin: 20px auto 20px auto;
text-align: center;
}.footer-end{
color: white;
}.planchoice {
border: none;
border-radius: 25px;
-webkit-appearance: none;
font-family: inherit;
padding: 10px 25px;
font-size: 17px;
color: white;
margin: 20px auto;
display: table;
background: #1a224a;
cursor: pointer;
}.registerform {
display: table;
width: 100%;
}.submitregister {
display: table;
width: 100%;
}
.register-text {
 font-size: clamp(14px, calc(1vw + 1.1rem), 30px);
 line-height: 50px;
 font-weight: bold;
 margin: 45px auto 30px auto;
 display: table;
}#ttcolor{
background: #dae9ba;
}
.loginput.month {
 width: 75px;
 border-radius: 12px 0 0 12px !important;
 border-right: 1px solid lightgray;
 float: left;
 margin: 14px 0 14px 14%;
}
.loginput.year {
 width: 70px;
 border-radius: 0 12px 12px 0 !important;
 float: left;
 margin: 14px 0 14px 0;
}
.loginput.cvc {
 width: 65px;
 float: left;
 margin: 14px 0px 14px 14px;
}
.pearl-cont {
background: #f4f4f4;
border-radius: 5px 15px;
margin: 10px 20px 0px 40px;
padding: 10px 10px;
color: #243340;
display: table;
box-shadow: 1px 1px 5px -4px black;
}
.flashcard {
 background-image: linear-gradient(to right top, #cbdadf, #cddde3, #cfe1e7, #d0e4eb, #d2e8ef);
 display: table;
 margin: 5px auto 20px auto;
 width: 90%;
 padding: 75px 0;
 border-radius: 18px;
 box-shadow: 0 0 5px -2px black;
}
#flashcardpointer {
 cursor: pointer;
}
.quizcard {
 display: table;
 width: 87%;
 margin: 40px auto 10px auto;
}
.container85{
 width: 85%;
 display: table;
 margin: 12% auto 0 auto;
}
#rightfloat {
 float: right;
 color: darkslategrey;
 font-family: 'Calistoga', cursive;
}#leftfloat {
 float: left;
 color: darkslategrey;
 font-family: 'Calistoga', cursive;
}.flashcardbutton {
 margin: 0 10px;
 padding: 10px 25px !important;
 border-radius: 9px;
 font-size: 16px;
 box-shadow: 0 0 7px -3px black;
 background: white;
}input#fcnextbtn{
 background-image: linear-gradient(to right top, #4acba0, #37c3b0, #3bb9ba, #4faebd, #64a3b8);
}input#mcqansbtn{
 background: white;
}input#mcqansbtn:hover{
 background: black!important;
 color: white!important;
}input#fcrepeatbtn{
 background-image: linear-gradient(to right top, #e46732, #ed5751, #ed4d6f, #e34c8d, #cf54a9);
}input#fccompletebtn{
 background: black;
 color: white;
 font-weight: normal;
}div#carddiv1 {
 display: table;
}.flashcard p {
 width: 85%;
 margin: 0 auto;
 text-align: center;
 font-weight: lighter;
}.radiodiv {
display: table;
width: 100%;
}.radiodiv input[type="radio"] {
margin: 0 5px 0 17px;
}p.flashcardtext {
display: table;
font-size: 25px;
font-weight: lighter;
text-align: center;
border-bottom: 1px solid black;
margin: 10px auto 25px auto;
padding-bottom: 5px;
}input.createflashcardbutton {
background-image: linear-gradient(to right top, #4acba0, #42c9ab, #3fc6b5, #42c3bc, #4bc0c2);
font-size: 22px;
margin: 10px;
border-radius: 30px;
line-height: 43px;
color: white;
}.flashcardcontainer {
display: table;
margin: 15% auto;
}p#hiddencardnum {
display: none;
}.javatext {
display: table;
margin: 5px 10px 10px 10px;
}.javatext2 {
display: table;
width: 100%;
margin: 10px 12px;
}.javatext3 {
display: table;
width: 100%;
margin: 10px 4px;
}input.javatextclick {
margin: 0 8px 4px 0;
background: #0f2a3a;
color: #dfdfd3;
padding: 2px 7px;
border-radius: 5px;
font-weight: lighter;
font-size: 16px;
cursor: pointer;
border: none;
font-family: 'Ubuntu', sans-serif;
-webkit-appearance: none;    
}.adddiseaselink {
display: table;
float: left;
margin: 5px;
background: #9ed5ff;
padding: 0px 6px;
border-radius: 5px;
cursor: pointer;
}
input.javatextclick:hover {
background: #5a5a5a;
}p.javatextp {
font-size: 18px;
font-weight: 300;
margin-bottom: 3px;
}p.javatextp2 {
display: table;
float: left;
font-size: 18px;
font-weight: 300;
margin: 5px;
}select.dropdowntoolstyle {
display: table;
float: left;
margin: 5px;
font-size: 16px;
padding: 4px 10px;
border-radius: 5px;
border: none;
background: linear-gradient(to top left, rgb(250 250 250 / 100%), rgba(255, 255, 255, 0.7));
}p.datepeals {
margin: 20px 0;
padding: 3px 10px 3px 10px;
display: table;
background: black;
color: white;
font-weight: lighter;
border-radius: 0 10px 10px 0;
}.allconddiv {
display: table;
margin: 15px 0;
width: 99%;
}.condradio {
display: none;
}.condradio1 {
border-radius: 5px;
margin: 3px 5px;
background: #def4da;
font-size: 14px;
color: black;
}.condradio2 {
 border-radius: 5px;
 margin: 3px 5px;
 background: #daeef4;
 font-size: 14px;
 color: black;
}.condradio3 {
 border-radius: 5px;
 margin: 3px 5px;
 background: #f3f4bd;
 font-size: 14px;
 color: black;
}.condradio4 {
 border-radius: 5px;
 margin: 3px 5px;
 background: #dfbdbd;
 font-size: 14px;
 color: black;
}label.condlabel {
 margin: 4px 5px;
 background: #d7e8d4;
 padding: 2px 5px;
 display: table;
 float: left;
 border-radius: 5px;
}label.medlabel {
 margin: 4px 5px;
 background: #c4e2f7;
 padding: 2px 5px;
 display: table;
 float: left;
 border-radius: 5px;
}.condlist2{
 display: table;
 padding-bottom: 30px;
 margin-bottom: 20px;
 border-bottom: 1px dashed #00000052;
}.condlist{
 display: table;
}input[type="radio"]:checked+label{
 background: #4e4e4e;
 color: white;
}p.condmedtext {
 font-size: 19px;
 font-weight: 300;
 display: table;
 margin: 20px auto 10px auto;
 border-bottom: 1px solid black;
 padding: 3px;
}textarea#newtextarea {
 width: 95%;
 margin: 10px auto 5px auto;
 border-radius: 10px;
 padding: 7px 5px;
 font-size: 17px;
 font-weight: lighter;
}.editpearldiv {
 display: table;
 width: 100%;
}.editpearlform{
 display: table;
 width: 100%; 
 text-align: center;
}.editdelicon {
padding: 0!important;
background: #f4f4f4 !important;
color: black !important;
border: none !important;
box-shadow: none !important;
margin: 0px 10px !important;
float: left;
font-size: 15px !important;
line-height: 30px;
}
.miswrap{
font-weight: lighter;
margin: 7px 35px;
padding: 0;
line-height: 30px;
}

.userstudydiv{
display: table;
width: 90%;
margin: 0 auto;
font-weight: lighter;
}
p.condsystext {
margin: 0 0 10px 5px;
}
.userinputlayout {
display: table;
width: 100%;
margin: 0 auto;
font-weight: lighter;
}
.userinputlayout2 {
display: table;
width: 100%;
margin: 0 auto;
font-weight: lighter;
border-radius: 10px;
}
.userinputlayout3 {
 display: table;
 margin: 20px 0 22px 0;
 font-weight: lighter;
 background: #dbe4e9;
 border-radius: 10px;
 padding-left: 5px;
}
textarea.usermain {
 display: table;
 padding: 5px 12px;
 border: none;
 border-radius: 5px;
 font-size: 17px;
 overflow: hidden;
 font-weight: lighter;
 border: 1px solid #c4c4c4;
}
textarea.usermain:focus {
 box-shadow: 0 0 6px -2px black;
}
textarea.textareaindiv:focus {
 box-shadow: 0 0 6px -2px black;
}
textarea.textareaindiv {
 display: table;
 padding: 5px 12px;
 border: none;
 border-radius: 5px;
 font-size: 17px;
 overflow: hidden;
 font-weight: lighter;
 border: 1px solid #c4c4c4;
}
#flarecontainer, #acutecontainer, #preventivecontainer, #exacercontainer, #modalcontainer, #criteriacontainer, #dxlabcontainer, #dximagcontainer, #jalert, #microdiseasediv2, #microdiseasediv3, #disease3btn, #micromorphdiv, #microaranrdiv, #microcoagdiv, #microdrnadiv, #microenvdiv, #microfumordiv, #microawdiv, #diseaselabelmicro1, #microtransm1div, #microdx1div, #microssx1div, #microdiseasedivv, #microlab1div, #microimag1div, #microtxt1div, #microprev1div, #diseaselabelmicro2, #microdiseasetwodiv, #microtransm2div, #microdx2div, #microssx2div, #microlab2div, #microimag2div, #microtxt2div, #microprev2div, #diseaselabelmicro3, #microdiseasethreediv, #microtransm3div, #microdx3div, #microssx3div, #microlab3div, #microimag3div, #microtxt3div, #microprev3div, #micronotediv{
 display: none;
}p.formheader2 {
 margin-top: 30px;
}
p.formsubheader {
 font-size: 16px;
 color: #5b5b5b;
 margin: 0px 0px 0px 10px;
}
p.formheader {
 font-weight: bold;
 margin: 0px 0px 0px 10px;
}
.formheader_light {
 font-weight: lighter;
 margin: 6px 0px 0px 13px;
}
.formheader_light2 {
 font-weight: lighter;
 margin: 5px 0px 0px 15px;
}
.formheader_light3 {
 font-weight: lighter;
 margin: 18px 5px 22px 5px;
}
.formheader_light4 {
 font-weight: lighter;
 margin: 16px 0px 0px 13px;
 float: left;
}
div#acutecontainer {
 background: #daeef4;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}

#acuteclick, #modalclick{
 background: #daeef4;
}

div#flarecontainer {
 background: #def4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
#flareclick, #criteriaclick{
 background: #def4da;
}

div#exacercontainer {
 background: #f2f4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
#exacerclick, #dxlabclick{
 background: #f2f4da;
}

div#preventivecontainer {
 background: #f4e6da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
#preventiveclick, #dximagclick{
 background: #f4e6da;
}
div#modalcontainer {
 background: #daeef4;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#criteriacontainer {
 background: #def4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
div#dxlabcontainer {
 background: #f2f4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#dximagcontainer {
 background: #f4e6da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#diagnosiscontainer {
 background: #f4edda;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#pharmcont1 {
 background: #daeef4;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#pharmcont2 {
 background: #def4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
div#pharmcont3 {
 background: #f2f4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
div#pharmcont4 {
 background: #f4edda;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto;
}
.flashcardbuttonsdiv{
 display: table;
 margin: 0 auto;
}
.nothingfoundtext {
 margin: 0 5% 20px 6%;
}
.topbottomdivmargin {
 display: table;
 margin: 5% auto;
}
.bottomdivmargin {
 display: table;
 margin: 1% auto;
}
.recentcond {
 display: table;
 width: 94%;
 margin: 15px auto 20px auto;
 box-shadow: 0 0 10px -5px black;
 border-radius: 10px;
 background: white;
 max-width: 750px;
 position: relative;
}
.recentcond2 {
 display: table;
 width: 94%;
 margin: 15px auto 20px auto;
 box-shadow: 0 0 10px -5px black;
 border-radius: 10px;
 background: white;
 max-width: 700px;
 position: relative;
}
.recentcondleft {
 border-radius: 10px 10px 0 0;
 padding: 10px 0 5px 0;
}
.recentcondleft2 {
 border-radius: 10px 10px 0 0;
 padding: 10px 0 5px 0;
 display: table;
 width: 100%;
 background: #e0e5e8;
}
p.condsystem {
 margin: 0 10px;
 font-weight: bold;
}
p.condsystem2 {
 margin: 0 10px;
 font-weight: lighter;
 float: left;
}
p.condtopic {
 margin: 0 10px;
}
p.condtopic2 {
 margin: 0 0px;
 float: left;
 font-weight: lighter;
}
.recentcondright {
 border-radius: 0 0 10px 10px;
 padding: 0 0 10px 0;
}
.recentcondright2 {
 border-radius: 0 0 10px 10px;
 padding: 0;
}
p.condname {
 margin: 0 0 7px 0;
 background: #bbd7d2;
 padding: 5px 10px;
 font-weight: lighter;
 border-left: 6px solid #779f98;
}
p.condname2 {
 margin: 0 0 7px 0;
 padding: 5px 9px;
 font-weight: bold;
}
p.conddetails {
 margin: 3px 10px;
 font-weight: lighter;
}
p.submaintext {
 display: table;
 font-size: 16px;
 margin: 0 7% 20px 5%;
 font-weight: lighter;
}
p.condmaintext{
 display: table;
 font-size: 25px;
 text-align: center;
 margin: 40px 0 10px 5%;
}
.formbuttonpart {
 font-size: 23px;
 font-weight: normal;
}
#searchresultc {
 position: absolute;
 margin: 50px 10px;
 padding: 0 10px;
 width: 300px;
 background: lightgoldenrodyellow;
 border-radius: 5px; 
}
.usermaininput {
 position: relative;
}
label.syslabel {
 margin: 4px 5px;
 background: #c9eeb7;
 padding: 2px 5px;
 display: table;
 float: left;
 font-size: 16px;
 border-radius: 5px;
}
.editcarddiv {
 position: absolute;
 right: 5px;
 top: 5px;
 font-weight: lighter;
}
.editcarddiv2 {
 position: absolute;
 right: 9px;
 bottom: 9px;
 font-weight: lighter;
}
input.editinput {
 background: #d3eeff;
 box-shadow: none;
 color: #727272;
 font-size: 16px;
 padding: 2px 5px;
 margin: 0 auto;
 border-radius: 8px;

}
.deletecarddiv {
 position: absolute;
 right: 56px;
 top: 5px;
 font-weight: lighter;
}
.deletecarddiv2 {
 position: absolute;
 right: 58px;
 bottom: 9px;
 font-weight: lighter;
}
input.deleteinput {
 background: #ffe8e8;
 box-shadow: none;
 color: #727272;
 font-size: 16px;
 padding: 2px 5px;
 margin: 0 auto;
 border-radius: 8px;

}
p.index-sub-name {
 font-size: 17px;
 font-weight: bold;
 border-bottom: 3px solid black;
 display: table;
 margin: 0 0 8px 12px;
}
p.index-sub-name2 {
 font-size: 17px;
 border-bottom: 2px solid black;
 display: table;
 margin: 0 0 8px 12px;
}
a.footerlink {
 text-decoration: none;
 color: #6377be;
 font-weight: lighter;
 font-size: 16px;
 margin: 0 7px;
}
a.footerlink:hover {
 color: black;
}
p.login_txt_2 {
 font-weight: lighter;
 display: table;
 margin: 0 auto;
 font-size: 17px;
}
p.login_txt_3 {
 font-weight: lighter;
 display: table;
 margin: 10px auto;
 font-size: 25px;
}
.login_image_3 {
 display: table;
 margin: 14px auto;
}
span.geartwisting {
 font-size: 25px;
}
.reviewpearlremindera{
 width: 100%;
}
.formselect {
 font-size: 17px;
 font-weight: lighter;
 font-family: 'Ubuntu';
 margin: 10px 10px;
 border-radius: 5px;
 border: none;
 box-shadow: 0 0 4px -1px black;
 padding: 5px 22px 5px 5px;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%, white; 
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none; 
}
div#bacteriadiv, div#virusdiv, div#fungusdiv {display: none;}
div#bacteriadiv, div#virusdiv, div#fungusdiv {
 background: #daeef4;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
div#microdiseasediv {
 background: #def4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
div#microfindingsdiv {
 background: #f2f4da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
div#microtxtdiv {
 background: #f4e6da;
 border-radius: 12px;
 padding: 12px 0;
 margin: 22px auto; 
}
.subheader2 {
 display: table;
 font-size: 15px;
 margin: 0 0 10px 5px;
 font-weight: lighter;
}
div#recenthelp {
 background: #e3f0f4;
 padding: 10px 5px;
 border-radius: 10px;
 box-shadow: 1px 1px 12px -7px black;
}
div#searchbysys {
 background: #e3f0f4;
 padding: 10px 5px;
 border-radius: 10px;
 box-shadow: 1px 1px 12px -7px black;
}
div#searchbyname {
 background: #e3f0f4;
 padding: 10px 5px;
 border-radius: 10px;
 box-shadow: 1px 1px 12px -7px black;
}
input.loginbutton {
 background: black;
line-height: 28px;
 border-radius: 6px;
 color: white;
 font-size: 15px;
 margin: 20px auto;
 display: table;
}
input.addbuttoncond {
background: #dad8d0;
font-size: 16px;
display: table;
padding: 15px;
width: 100%;
font-weight: bold;
}
a.addbuttoncondleft {
 background: #5b748e;
 border-radius: 6px;
 color: white;
 font-size: 14px;
 margin: 5px;
 display: table;
 padding: 1px 12px;
 text-decoration: none;
 float: left;
}
a.addbuttoncondleft:hover {
 background: white;
 color: black;
 box-shadow: 0 0 7px -3px black;
}
input.addbuttoncondright {
 background: #5b748e;
 border-radius: 6px;
 color: white;
 font-size: 14px;
 margin: 5px;
 display: table;
 float: left;
}
input.formsubmitbutton {
 background: black;
 border-radius: 6px;
 color: white;
 font-size: 18px;
 margin: 45px auto 25px auto;
 display: table;
}
input.quickselectbut {
 display: table;
 margin: 5px;
 float: left;
 background: #def4da;
 border-radius: 5px;
 font-size: 14px;
 box-shadow: 1px 1px 3px -2px black;
}
.rightleftbuttondiv{
 display: table;
 margin: 0 auto;
}
input.inlinesearchbut {
 margin: 12px 0 10px 0;
 padding: 7px 10px;
 background: #5b748e;
 border-radius: 8px;
 color: white;
 font-size: 15px;
}
table.reviewtable td {
 vertical-align: top;
 border: 1px solid black;
 min-width: 250px;
 padding: 3px 7px;
}
table.reviewtable {
 border-collapse: collapse;
 overflow: scroll;
 margin: 50px 10px;
 border-left: 1px solid #bdbdbd;
 border-right: 1px solid #bdbdbd;
 border: 1px solid #bdbdbd;
}
table.reviewtable tr:first-child td {
 border-top: 0;
}
table.reviewtable tr:first-child td:first-child {

}
table.reviewtable tr:first-child td:last-child {

}
table.reviewtable tr td:first-child {
border-left: 0;
}
table.reviewtable tr td:last-child {
border-right: 0;
}

td.condnamecell {
 background: #bdbdbd;
 font-weight: bold;
 text-align: center;
}
.mainreviewdiv {
 margin: 10px auto;
 width: 90%;
 overflow: auto;
}
.wrapreviewdiv{
 width: 90%;
 margin: 0 auto;
 font-weight: lighter;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}

.nav__items {
position: relative;
}

.nav__item {
position: relative;
display: inline-block;
}

.nav__item__link {
position: relative;
z-index: 2;
transition: background-color 250ms ease;
 padding: 5px 10px;
 white-space: nowrap;
}

.nav__item__drop {
position: absolute;
left: 0;
top: 100%;
text-align: left;
opacity: 0;
transform: translateY(-20px);
height: 1px;
min-width: 100%;
transition: transform .2s ease-in-out, opacity .1s ease-out;
overflow: hidden;
z-index: 1;
 border-radius: 0 0 10px 10px;
}

.nav__item__link:focus + .nav__item__drop,
.nav__item:hover .nav__item__drop,
.nav__item__drop:focus-within {
opacity: 1;
 background: white;
transform: translateY(0px);
height: auto;
z-index: 1;
 box-shadow: 1px 1px 10px -5px black;
}
a.rightmenulogout {
 padding-top: 5px;
}
.listofrecents{
 display: table;
 width: 90%;
 margin: 15px auto;
}
.pearlinput {
 display: table;
 border-radius: 12px;
 margin: 14px 5%;
 padding: 9px 0 9px 12px !important;
 width: 85%;
 font-size: 20px !important;
 border: none;
 font-weight: 300;
 font-family: 'Ubuntu', sans-serif;
 box-shadow: 0 0 7px -5px black;
}

.dailypcount {
 background: black;
 border-radius: 15px;
 padding: 4px 8px;
 margin: 0 0 0 10px;
 text-decoration: none;
 color: white;
}
.dailypcount:hover {
 background: white;
 color: black;
 box-shadow: 0 0 6px -2px black;
}
.reviewpearlreminder {
margin: 20px 5% 0 5%;
padding: 9px 10px 6px 10px;
display: table;
border-radius: 7px;
}
.reviewpearlreminder2 {
margin: 20px 0 0 12px;
background: #c7e1ea;
padding: 9px 10px 6px 10px;
display: table;
border-radius: 7px;
}
.registeroption-div {
width: 100%;
display: table;
}
.registerradio {
background: #4d66ab;
color: #f1f1e2;
border-radius: 0 0 12px 12px;
width: 100%;
display: table;
padding: 10px 0;
font-size: 20px;
line-height: calc(1vw + 20px);
cursor: pointer;
}.registerradio:hover {
background: #4dac5f;
}
.registeroption-div input:checked + label {
background: green !important;
}
.pearleditbutton {
background: lightblue;
border-radius: 10px;
font-size: 14px;
display: table;
float: left;
margin: 0 10px 0 30px;
}
.cancelpearledit {
display: table;
background: lightsalmon;
font-weight: lighter;
border-radius: 10px;
font-size: 14px;
margin: 0 10px 0 5px;
padding: 0 10px;
cursor: pointer;
}
.cancelpearledit:hover {
background: white;
color: black;
box-shadow: 0 0 7px -3px black;
}
.profilebuttons {
background: black;
border-radius: 6px;
color: white;
font-size: 16px;
margin: 15px auto 18px auto;
display: table;
}
.quizcontainer{
padding: 40px 0 40px 0;
display: table;
width: 100%;
}
.quizbuttoncontainer {
display: table;
margin: 0 auto 26px auto;
width: 87%;
}
.quizbutton {
 background: white;
 display: table;
 border-radius: 9px;
 padding: 7px 10px;
 margin: 15px 10px;
 box-shadow: 0 0 6px -4px black;
 cursor: pointer;
 text-decoration: none;
 color: black;
}
.quizbutton:hover {
 background: darkgray;
 color: white;
}
.quizquestion {
 font-weight: bold;
 margin-bottom: 30px;
}
.quizstem {
 margin-top: 40px;
}
.inputbackdiv {
display: table;
width: 95%;
margin: 5px 12px;
}.inputbackdiv2 {
 display: table;
 width: 97%;
 margin: 5px auto;
}
.inputforpearlback {
 width: 28%;
 margin: 7px;
 border: none;
 font-weight: lighter;
 font-family: 'Ubuntu', sans-serif;
 font-size: 17px;
 padding: 5px;
 border-radius: 6px;
}
.pearl-div {
margin: 5px 0px 0 0;
padding: 9px 0 9px 12px !important;
font-size: clamp(16px, calc(1vw + 0.7rem), 19px) !important;
border-bottom: 1px solid #d9d9d9;
font-weight: 300;
min-height: 150px;
}.pearl-div[placeholder]:empty:before {
content: attr(placeholder);
opacity: 0.5;
cursor: text;
}.pearl-div:empty {
content:attr(placeholder);
}.pearl-div2 {
border-radius: 7px;
margin: 14px 5px;
padding: 9px 0 9px 12px !important;
width: 95%;
font-size: clamp(16px, calc(1vw + 0.7rem), 19px) !important;
border: 1px solid gray;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
background: white;
min-height: 75px;
}.pearl-div2[placeholder]:empty:before {
content: attr(placeholder);
opacity: 0.5;
cursor: text;
}.pearl-div2:empty {
content:attr(placeholder);
}.cond-div {
border-radius: 7px;
margin: 14px auto;
padding: 9px 0 9px 12px !important;
width: 96%;
font-size: clamp(16px, calc(1vw + 0.7rem), 19px) !important;
border: 1px solid gray;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
background: white;
min-height: 250px;
}
.cond-div[placeholder]:empty:before {
content: attr(placeholder);
opacity: 0.5;
cursor: text;
}
.cond-div:empty {
content:attr(placeholder);
}
p.score {
font-weight: normal;
display: table;
margin: 65px auto;
font-size: 50px;
padding: 30px 20px;
}
#score1{
color: red;
}
#score2{
color: orange;
}
#score3{
color: green;
}
a.resetreview {
margin: 12px 0 10px 7px;
padding: 7px 10px;
background: #a17500;
border-radius: 8px;
color: white;
font-size: 15px;
text-decoration: none;
}
.belowflashcard {
margin: 35px auto;
border-radius: 10px;
background: #9ad092a8;
padding: 10px 13px;
max-width: 86%;
display: none;
text-align: center;
}
.trialsection {
display: table;
width: 100%;
margin: 30px auto;
position: relative;
padding: 12px 0 0 7px;
}
.trialsection2 {
display: table;
width: 100%;
margin: 0 auto 30px auto;
background: #f1f0f5;
border-radius: 20px;
padding: 12px 0 0 0px;
}
.trialsectionbutton {
background: white;
display: table;
border-radius: 12px;
border: 1px solid grey;
cursor: pointer;
float: right;
font-weight: lighter;
}
.trialsectionbutton:hover{
background: rgb(233, 233, 233);
box-shadow: 0 4px 7px -5px black;
}
.trialnav {
display: table;
float: right;
}.trialquiz {
display: table;
width: 93%;
margin: 0 auto;
padding-bottom: 10px;
}
#trialquizdiv2, #trialquizdiv3, #indexflashtrial, #indexreviewtrial, #trialbackhalf, #trialflashdiv2, #trialflashdiv3, #trialreviewdiv2, #indexcardtrial, #trialcarddiv2, #pearlresultid, #briefdiv, #epidiv, #pathogdiv, #pathopdiv, #ssxdiv, #dxmdiv, #dxcdiv, #dxldiv, #dxidiv, #mangadiv, #mangfdiv, #mangediv, #mangcdiv, #briefdivp, #epidivp, #pathogdivp, #pathopdivp, #ssxdivp, #dxmdivp, #dxcdivp, #dxldivp, #dxidivp, #mangadivp, #mangfdivp, #mangedivp, #mangcdivp, #compdiv, #disease1btn, #disease2btn, #disease3btn, #phdiv, #midiv, #andiv{
display: none;}p#firstelement, #trialquizbutton{
background: #c3dff1;
border-radius: 10px 0 0 10px;}.elementindexselectcpma {
display: table;
float: left;
margin: 5px 0px;
border-left: 1px solid #52568d;
border-bottom: 1px solid #52568d;
border-top: 1px solid #52568d;
padding: 1px 10px;
cursor: pointer;
background: white;
}.userinputlayout4 {
display: table;
margin: 20px 0 22px 10px;
font-weight: lighter;
background: #dbe4e9;
border-radius: 10px;
padding-left: 5px;
}.subindexselectcpma {
display: table;
margin: 5px auto 20px auto;
}.indexselectcpma {
display: table;
width: 100%;
}p#lastelement, #trialcardbutton {
border-radius: 0 10px 10px 0;
border-right: 1px solid #52568d;    
}.elementindexselectcpma:hover{
background: rgb(233, 233, 233);
box-shadow: 0 4px 7px -5px black;
}
.trialquiznextbutton {
display: table;
font-weight: lighter;
padding: 2px 10px;
margin: 20px auto;
cursor: pointer;
border-radius: 5px;
background: #8cb3fa;
}.trialquiznextbutton:hover{
background: rgb(68, 68, 68) !important;
color: white !important;
}p.trialquestionstem {
margin: 15px 0 29px 0;
font-weight: lighter;
}p.trialquestionstem2 {
margin: 15px 0 10px 0;
font-weight: lighter;
}p.trialquestionstem3 {
margin: 15px 0 0px 0;
font-weight: lighter;
}#trialquiznextbutton, #trialquizfinishbutton, #trialflashnextbutton, #trialflashfinishbutton {
background: #b7b7b7;
pointer-events: none;
}#indexquiztrial, #indexflashtrial, #indexreviewtrial, #indexcardtrial {
width: 100%;
}.signupfinishbutton {
display: table;
font-weight: lighter;
padding: 5px 10px;
margin: 20px auto;
cursor: pointer;
border-radius: 5px;
border: 1px solid gray; 
background: rgb(138, 45, 45);
text-decoration: none;
color: whitesmoke;
}.signupfinishbutton:hover {
background: rgb(83, 9, 9);
color: whitesmoke;
box-shadow: 0 0 15px -5px black;
-webkit-box-shadow: 0 0 15px -5px black;
}.hidecardinfo{
background: #d5d5d5;
color: #d5d5d5;
cursor: pointer;
}span.hidecardinfo::selection {
color: #d5d5d5;
}.privacycookie{
width: 90%;
display: table;
margin: 20px auto;
}.privacy-policy-h2 {
text-transform: uppercase;
margin: 40px 0 8px 0;
text-decoration: underline;
}.privacy-policy-ol {
list-style: disc;
margin: 10px 0 10px 30px;
}.consent-pop {
background: rgb(255, 255, 255);
border-radius: 25px;
left: 6px;
font-weight: lighter;
bottom: 1%;
position: fixed;
box-shadow: 0 0 16px -12px black;
display: none;
z-index: 500;
}
.consent-pop-a {
background: white;
color: black;
border: 1px solid black;
display: table;
float: right;
margin-bottom: 5px;
padding: 0 10px;
border-radius: 21px;
cursor: pointer;
}.consent-pop-p {
padding: 10px 0 0 0;
line-height: 18px; 
}a.register-terms-a{
color: #3956a3;
}.leftcont78 {
width: 78%;
display: table;
margin: 10px auto;
border-radius: 5px;
padding-left: 6px;
}.materialblocks {
text-decoration: none;
color: black;
background: white;
border-radius: 10px;
padding: 9px 15px;
margin: 0 0 10px 10px;
border: 1px solid black;
display: table;
float: left;
}.materialblocks:hover {
background: lightgray;
border: 1px solid black;
}#dashboardfirstlink{
margin-left: 16px;
}.dashboardinst {
font-size: 16px;
display: table;
width: 92%;
margin: 0 16px 16px 16px;
}.dashboardheader {
font-weight: bold;
text-decoration: underline;
display: table;
font-size: 20px;
width: 100%;
margin: 8px 16px; 
}.dashboardblock100 {
display: table;
width: 96%;
margin: 30px auto;
border-radius: 5px;
padding-bottom: 5px;
}.dashboardtopdiv {
display: table;
width: 96%;
margin: 19px auto;
}.dashboardhead{
display: table;
font-size: 25px;
font-weight: bold;
text-align: center;
margin: 44px auto 34px auto;
text-decoration: underline;
width: 94%;
}.subjectheader {
display: table;
width: 98%;
margin: 0 auto 20px auto;
line-height: calc(1vw + 24px);
font-size: clamp(18px, calc(1vw + 15px), 26px);
font-weight: lighter;
}#pharm-blocks-border-1{
border: 3px solid #48678f;
}.indexul li {
margin-left: 24px;
line-height: clamp(21px, calc(1vw + 0.8rem), 26px);
margin-top: 8px;
}.inst-img-index{
margin: 0px auto;
display: table;
}.threedivcontainer {
display: table;
width: 100%;
}.onehalfcontainer{
display: table;
border-radius: 15px;
background: white;
padding: 10px 0;
position: relative;
box-shadow: 4px 4px #8592ae;
}.twohalfcontainer {
display: table;
margin: 0 auto;
}.belowimageinst {
display: table;
width: 90%;
margin: 0 auto 20px auto;
padding-top: 20px;
}p.stepp {
position: absolute;
top: -13px;
left: -13px;
border-radius: 25px;
background: #fdfdad;
padding: 10px 18px;
font-weight: bold;
font-size: 22px;
border: 2px solid rgb(193 193 131);
}.onefullcontainer{
display: table;
width: 80%;
max-width: 800px;
min-width: 300px;
border-radius: 15px;
background: white;
padding: 50px 17px;
margin: 16px auto;
position: relative;
box-shadow: 4px 4px #8592ae;
text-align: center;
}.generatedmater {
display: table;
margin: 10px auto;
background: #e4ebf3;
padding: 10px 15px;
border-radius: 10px;
box-shadow: 4px 4px #e3c9a8;
}.fullwidthcontainer{
width: 100%;
display: table;
background: #ffffffc2;
border: 2px solid #7599da;
border-radius: 6px;
}.backhalflist {
display: table;
float: left;
margin: 0 6px;
background: white;
padding: 0 5px;
border-radius: 5px;
}.cbackhalflist {
display: table;
float: left;
margin: 0 6px;
background: #def4da;
padding: 0 5px;
border-radius: 5px;
}.mbackhalflist {
display: table;
float: left;
margin: 0 6px;
background: #c7e1ea;
padding: 0 5px;
border-radius: 5px;
}.c1backhalflist {
display: table;
float: left;
margin: 0 6px;
background: #f3f4bd;
padding: 0 5px;
border-radius: 5px;
}.c2backhalflist {
display: table;
float: left;
margin: 0 6px;
background: #dfbdbd;
padding: 0 5px;
border-radius: 5px;
}.pearlsections {
display: table;
width: 100%;
}.pearlresults{
display: table;
width: 100%;
}.condfillsub{
display: table;
float: left;
font-weight: bold;
}.condfilledbyj{
display: table;
float: left;
margin-left: 6px;
}.maintexteditor{
display: table;
width: 100%;
}a.leftmenulog {
display: table;
width: 100%;
text-decoration: none;
color: #e1e1e1;
text-indent: 10px;
line-height: 35px;
}a.leftmenulog:hover{
background: #ababab38;
}.addsubject {
margin: 17px 0 20px 0;
background: #dfdcd6;
border-radius: 5px 20px 20px 5px;
padding: 10px 0 5px 10px;
}input.newsubject {
font-size: 16px;
padding: 10px 10px;
border: none;
border-radius: 36px;
margin: 10px 5px;
width: 140px;
}input#psubject {
font-weight: bold;
display: table;
border: 2px solid #c4cfdc;
width: 200px !important;    
}p.addsubtext {
margin: 10px;
font-weight: bold;
}.pearlmaincontainer {
display: table;
width: 100%;
height: 100%;
background: #233f4f;
}p.leftmenuitems{
cursor: pointer;
text-indent: 10px;
line-height: 35px;
color: #e1e1e1;    
}p.leftmenuitems:hover{
background: #ababab38 !important;
}.main-index-text {
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
font-size: clamp(25px, calc(1.0vw + 1.4rem), 60px);
line-height: clamp(40px, calc(1vw + 2.4rem), 70px);
text-align: center;
font-weight: bold;
color: #ffffff;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
text-shadow: 1px 0 0px #000, 0 -1px 0px #000, 0 1px 0px #000, -1px 0 0px #000;
flex-wrap: nowrap;
}.difcolor2 {
color: #fff3bb;
font-size: 1.5em;
}.difcolor3 {
color: lightgrey;
}.difcolor4 {
color: black;
text-shadow: none !important;
}.bottomdiv {
border-top: 6px solid #00000024;
margin-top: 20px;
}.subjectinputstealth {
margin: 0 0 10px 0;
font-size: 20px;
font-weight: bold;
display: table;
width: 100%;
background: #dfd9c8;
padding: 15px 0;
text-indent: 10px;
border-radius: 10px 0 0 0;
border-top: none;
border-bottom: 1px solid #2a6aa52e;
border-left: none;
border-right: none;
}#blankbutton{
background: #186060;
}#blankbutton:hover{
background: #5a5a5a;
}input.leftmenuitemsbtn {
text-indent: 10px;
line-height: 25px;
color: #e1e1e1;
background: none;
font-size: 17px;
width: 100%;
display: table;
text-align: left;
}input.leftmenuitemsbtn:hover {
background: #ababab38 !important;
color: #e1e1e1;
}.loginform {
display: block;
width: auto;
}.login_image_container {
display: grid;
padding: 20px;
top: auto;
bottom: auto;
grid-template-columns: 1fr;
}.login60 {
margin: 37px;
}.shortinput {
width: 76px !important;
float: left;
}.beginput {
    border-radius: 12px 0 0 12px !important;
}.endinput {
    border-radius: 0 12px 12px 0 !important;
    margin-right: 12px !important;
    border-left: none !important;
}.expinputs {
    display: table;
    width: 77%;
    margin: 0 auto;
}