html {
overscroll-behavior: none;
}
body {
font-size: 1.1em;
overscroll-behavior: none;
min-height: 500px;
background-color: #eeeeee;
}
.navigation {
display: flex;
position: absolute;
justify-content: space-between;
bottom: 0px;
left:0px;
right: 0px;
padding: 5px;
background-color: #f3f3f3;
z-index: 2;
}
.navigate {
min-height: 50px;
min-width: 50px;
line-height: 33px;
touch-action: manipulation;
}
.navigate-count{
line-height: 50px;
}
.start-menu {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: white;
z-index: 5;
text-align: center;
padding-top: 50px;
border: 0px solid red;
}
.start-screen {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 60px;
background-color: white;
z-index: 5;
display: none;
text-align: center;
padding-top: 50px;
}
.question-count {
font-weight: bold;
}
.toolbar-top {
position: fixed;
right: 0px;
left:0px;
top: 0px;
z-index: 6;
padding: 5px;
display: flex;
justify-content: space-between;
background-color: #f3f3f3;
line-height: 45px;
overscroll-behavior: none;
}
.toolbar-top .control-button {
min-height: 45px;
min-width: 45px;
line-height: 33px;
touch-action: manipulation;
}
.question-header {
font-size: 1.2em;
font-weight: 500;
touch-action: manipulation;
}
.page-item {
display: none;
}
.width-control {
max-width: 800px;
margin: 0px auto;
background-color: white;
}
.test-item:hover {
cursor: pointer;
}
.start-image {
max-width: 120px;
}
.answer-result {
text-align: left;
margin-top: 15px;
}
.correct-display {
font-size:1em;
text-align: center;
}
.correct-display img {
max-width: 50px;
}
.explain-header img {
max-width: 50px;
}
.choose-mode {
font-size:.9em;
display: none;
}
.explain-result {
display: none;
background-color: white;
color: #212529;
padding: 12px;
}
.result-header-text {
margin-top: 15px;
margin-bottom: 10px;
}
.login-form-container {
max-width: 350px;
max-height: 350px;
margin: 0px auto;
border-radius: 12px;
margin-top: 20px;
background-color: var(--jumbotron-box);
}
.login-form-container input {
font-size:1em;
color: blue;
text-align: center;
}
.quizmaker-logo {
font-family: Verdana;
font-size: 2.0em;
margin-top: 20px;
color:#696969;
}
#errorText {
display:none;
}
.loader {
width: 80px;
height: 80px;
border: 5px dotted black;
border-radius: 50%;
display: inline-block;
position: relative;
box-sizing: border-box;
animation: rotation 2s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner {
z-index:300;
padding-top: 400px;
text-align: center;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 10;
background-color:rgba(0, 0, 0, 0.4);
display: none;
}
.start-screen-exit {
position: absolute;
top:10px;
right: 10px;
}
.list-header-row-small {
font-size: .8em;
}
.list-header-row-small div {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media (max-width: 680px) {
.sm1 { width: 9% !important;}
.sm2 { width: 40% !important;}
.sm5 { width: 96% !important;}
.sm4 { width: 95% !important;}
.sm4-1 { width: 95% !important;}
.smCard { width: 100% !important;}
.test-item {
padding: 0px !important;
/*padding-top: 10px !important;
padding-bottom: 10px !important;*/
}
.hide-mobile {
display:none !important;
}
.show-only-mobile {
display:block important;
}
.subject-container .card i {
font-size:2em !important;
}
.subject-container .card {
width: 100% !important;
font-size:.8em;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top:15px;
padding:12px;
display:inline-block;
}
}
.sm1 { width: 9% ;}
.sm2 { width: 15% ;}
.sm4 { width: 60% ;}
.sm4-1 { width: 35% ;}
.smCard { width: 49%;}
.sm5 { width: 55% ;}
.test-item {
padding: 0px !important;
/*padding-top: 10px;
padding-bottom: 10px;*/
}
.sm-row div{
display: inline-block;
margin-right:2px;
}
.hide-mobile {
display:block;
}
.show-only-mobile {
display:none;
}
.title-bar-notice {
padding: 10px;
font-size:1em;
color: white;
margin-top:3px;margin-bottom: 3px;
}
.close {
position: absolute;
right: 15px;
top: 5px;
font-size: 1.8em;
font-weight: bold;
cursor: pointer;
z-index: 4;
text-decoration: none;
}
.card-footer {
text-align: right;
}
.card-footer a {
font-size: .9em;
margin-right: 7px;
margin-left: 7px;
}
.test-d-e {
color: var(--bs-info);
}
.status-new i {
color: var(--bs-info);
}
.status-complete i {
color: var(--bs-success);
}
.pointer {
cursor: pointer;
}
.smaller {
font-size: .7em;
}
.progress-body .row:nth-child(even) {
background-color: #f2f2f2;
}
.test-messages {
display: none;
padding: 12px;
text-align: center;
z-index: 10;
}
.incorrect-blurb {
font-size:.9em;
padding: 8px;
border-radius: 12px;
background-color: #fa887c;
margin-bottom: 5px;
}
.correct-blurb {
font-size:.9em;
padding: 8px;
border-radius: 12px;
background-color: var(--bs-success);
}
.correct {
color: var(--bs-success);
}
.incorrect {
color: #fa887c;
}
.test-list-item {
position: relative;
height: 60px;
width: 100%;
margin: 0px;
padding: 0px;
}
.test-detail {
font-size: .7em;
position: absolute;
white-space:nowrap;
text-overflow:ellipsis;
}
.test-list-item .test-title {
position: absolute;
left: 15px;
top: 9px;
right: 57px;
height: 26px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.test-list-item .test-info {
bottom: 1px;
left: 15px;
font-size: .7em;
}
.test-list-item .test-icon {
top: 6px;
right: 10px;
font-size: 1.1em;
color: var(--bs-success);
}
.test-list-item .test-icon i {
color: var(--bs-success);
}
.test-list-item .date-due {
bottom: 1px;
right: 10px;
font-size: .7em;
z-index:10;
}
.test-list-item .learn-button {
top: 10px;
right: 12px;
font-size: 1em;
z-index:10;
color: white;
}
.test-list-item .learn-button a {
height: 40px;
width: 40px;
line-height: 30px;
font-size:1.3em;
}
.card-header {
border-radius: 0px !important;
/* font-size: .8em;*/
/* border: 1px solid rgba(var(--bs-info-rgb));*/
margin: -1px;
}
.card {
border-radius: 0px !important;
}
.subject-container .card i {
font-size:3em;
}
/*
.subject-container .card {
font-size:.8em;
margin-left: 10px;
margin-right: 10px;
margin-top:15px;
padding:12px;
width:45%;
display:inline-block
}
*/
.test-card {
position: absolute;
top: 0px;
bottom: 80px;
right:0px;
left: 0px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.test-card .card-footer {
position: absolute;
bottom: 0px;
right:0px;
left: 0px;
}
.test-list-scroller {
position:absolute;
top: 50px;
left: 0px;
right: 0px;
bottom: 50px;
overflow: auto;
}
.subject-container-display {
position: absolute;
bottom:0px;
left:10px;
right: 10px;
height: 73px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
text-align: center;
}
.menu-bottom-button {
padding: 15px;
text-align: left;
margin: 10px;
font-size: .9em;
width:95%;
height: 95%;
font-size: .8em;
line-height: 18px;
}
.subject-name {
font-size: 1.2em;
}
.test-page-header {
position: absolute;
top:0px;
left:10px;
right: 10px;
height: 50px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
z-index:30;
}
.test-list {
bottom: 0px;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
min-height: 250px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.test-card .list-group-item {
border-top: 1px solid #dee2e6 !important;
border-bottom: 1px solid #dee2e6 !important;
margin-top: -1px;
border-radius: 0px !important;
}
.main-menu-button {
position: relative;
cursor: pointer;
border-radius: 0px !important;
}
.main-menu-button .count-bubble {
position: absolute;
top: 3px;
right: 7px;
height: 18px;
width: 18px;
border-radius: 9px;
background-color: red;
color: white;
text-align: center;
font-size: 10px;
line-height: 16px;
font-weight: bold;
z-index: 100;
}
.menu-buttons .card {
padding-top:15px;
cursor: pointer;
}
.menu-buttons .card img{
max-width: 100px;
}
.start-button-contain {
padding: 20px;
margin: 0px auto;
margin-left: 20px;
margin-right: 20px;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
#getLearningGuide {
margin: 0px auto;
}
.refresh-button {
cursor: pointer;
}
.bottom-nav-button {
width:23%;
border: 1px transparent;
padding:3px;
padding-top:8px;
line-height: 12px;
position: relative;
margin-bottom:10px;
margin-right: 1px;
}
.bottom-nav-button i {
font-size: 1.2em;
position: relative;
top: calc(50% - 17px);
}
.bottom-nav-text {
font-size:.7em;
position: absolute;
left:0px;
right: 0px;
bottom:6px;
text-align: center;
}
/*======== Study doc display in APP ========= */
.re-doc-header-text {
color: #c6c6c6;
font-size: .9em;
}
.re-doc {
font-family: arial;
margin-top: 15px;
}
.re-doc h1 {
margin-left:-10px;
}
.re-doc h2, #re-docDetail h2 {
color: #a2a2a2;
cursor: pointer;
}
.re-doc h2:hover {
color: #666666;
}
.re-doc section {
margin-left: 15px;
}
.re-doc h3, .re-doc h4, .re-doc h5, .re-doc h6,
.re-doc p, .re-doc ol, .re-doc ul {
margin-left:25px;
}
.re-doc p, .re-doc ul, .re-doc ol {
font-size: .8rem;
}
.re-doc h5, .re-doc-modal-body h5 {
font-size: .9rem;
}
.re-doc h4, .re-doc-modal-body h4 {
font-size: .9rem;
}
.re-doc h3, .re-doc-modal-body h3 {
font-size: 1.0rem;
}
.re-doc h2, .re-doc-modal-body h2 {
font-size: 1.2rem;
}
.re-doc-modal-body h2 {
margin-right:50px;
}
.re-doc h1, .re-doc-modal-body h1 {
font-size: 1.4rem;
}
.re-doc-modal-body {
padding: 30px;
padding-top: 30px;
}
.cont {
position: absolute;
padding: 20px;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: white;
overflow: auto;
display: none;
z-index: 50;
}
#re-docDetail .modal-close {
position: absolute;
top:5px;
right:5px;
font-size: 1.2em;
cursor: pointer;
}
#re-docDetail .menu {
display: none !important;
}
.re-doc-header {
position: absolute;
top:10px;
right:10px;
z-index:20;
cursor: pointer;
}
/* ======= END Study Doc stuff ======= */
.btn-active {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.card-footer button {
margin-right: 3px;
}
.auth-button {
font-size: 14px;
background-color: #eaeaea;
#e3e3e3;
color: black;
border-radius: 8px;
padding: 8px;
padding-top: 10px;
white-space: nowrap;
}
.auth-button-image {
width: 26px;
}
.auth-buttons {
text-align: center;
}
.auth-buttons a {
text-decoration: none;
width: 122px;
}
.auth-buttons a :hover {
background-color: #e3e3e3;
}
.config-indent {
margin-left:13px;
}
.current-sso-config .col-2{
font-size:15px;
font-weight: normal;
}
.current-sso-config .col-10{
font-size:16px;
font-weight: normal;
font-family: monospace;
}
.logout-button {
width: 60px;
line-height: 30px;
}
#settings section {
/*margin-left:13px;*/
padding: 15px;
}
.bit-smaller {
font-size: .8em;
color: rgb(153, 153, 153);
}
.btn {
border-radius: 0px !important;
}
.message-bad {
color: var(--bs-danger);
}
.message-good {
color: var(--bs-success);
}
.page-header {
height: 48px;
line-height: 48px;
font-size: 1.1em;
position: absolute;
top:0px;
left:0px;
right: 0px;
}
#alertModal {
z-index: 10000 !important;
}
.close-button {
position: absolute;
right: 15px;
top: 5px;
font-size: 1.3em;
cursor: pointer;
z-index: 4;
}
.hidden {
display: none !important;
}