@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap');
.date-range .rm-datepicker-wrapper{display:flex;flex:1 1;max-width:160px}
.date-range .rm-datepicker-input-container{width:100%}
@media (max-width:575px){.date-range .rm-datepicker-wrapper{max-width:100%}}
.admin-exam-questions{border:.8px solid #979797;border-radius:7px;margin-top:10px;text-align:left;width:50vw}
.admin-exam-question{color:#000;display:inline;font-size:15px}
.inline{display:inline}
.nav-btn-pagination{cursor:pointer}
#category,#exam-type,#sort{width:150px}
body{background:#ddeefc;font-family:Source Sans Pro,sans-serif!important;font-size:16px}
*{box-sizing:border-box}
:focus{outline:none}
.exam-title,.page-title{color:#192438;font-size:25px}
.exam-title{background:#f4f6f8;height:18.5px;margin-left:15px;margin-top:-.25px;padding-left:20px;padding-top:6px;text-align:center}
.exam-questionNo-box{background:#f4f6f8;border:.8px solid #979797;border-radius:7px;padding-left:10px;padding-top:10px;text-align:left;width:125px}
/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left}
p{margin-bottom:1rem;margin-top:0}
b,strong{font-weight:bolder}
a{background-color:initial}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
img{border-style:none}
img,svg{vertical-align:middle}
svg{overflow:hidden}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
textarea{overflow:auto;resize:vertical}
fieldset{border:0;margin:0;min-width:0;padding:0}
legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}
.h1,h1{font-size:2.5rem}
.h4,h4{font-size:1.5rem}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}
@media (min-width:576px){
.container,.container-sm{max-width:540px}
}
@media (min-width:768px){
.container,.container-md,.container-sm{max-width:720px}
}
@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm{max-width:960px}
}
@media (min-width:1200px){
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
}
.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}
.col{flex-basis:0;flex-grow:1;max-width:100%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-12{flex:0 0 100%;max-width:100%}
@media (min-width:576px){
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
}
@media (min-width:768px){
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{flex:0 0 25%;max-width:25%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
}
@media (min-width:992px){
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
}
.form-control{background-clip:padding-box;border:1px solid #ced4da;display:block;font-size:1rem;font-weight:400;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}
.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
.form-control-sm{border-radius:.2rem;font-size:.875rem;height:calc(1.5em + .5rem + 2px);line-height:1.5;padding:.25rem .5rem}
select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}
.btn{background-color:initial;color:#212529;display:inline-block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}
.btn:hover{color:#212529;text-decoration:none}
.btn.focus,.btn:focus{box-shadow:0 0 0 .2rem #007bff40;outline:0}
.btn.disabled,.btn:disabled{opacity:.65}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{background-color:#0069d9;border-color:#0062cc}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem #268fff80;color:#fff}
.btn-primary.disabled,.btn-primary:disabled{color:#fff}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#0062cc;border-color:#005cbf}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #268fff80}
.btn-link{font-weight:400;text-decoration:none}
.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}
.input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}
.input-group-append,.input-group-prepend{display:flex}
.input-group-text{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;color:#495057;display:flex;font-weight:400;margin-bottom:0;padding:.375rem .75rem;text-align:center;white-space:nowrap}
.custom-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;display:inline-block;font-size:1rem;font-weight:400;height:calc(1.5em + .75rem + 2px);vertical-align:middle;width:100%}
.custom-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}
.custom-select:disabled{color:#6c757d}
.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.d-flex{display:flex!important}
.justify-content-center{justify-content:center!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
@media (min-width:768px){
.m-md-2{margin:.5rem!important}
}
.text-center{text-align:center!important}
.font-weight-light{font-weight:300!important}
/*!
* Shards Dashboards Lite v1.1.0 (https://designrevision.com/downloads/shards-dashboard-lite/)
* Based on Shards (https://designrevision.com/downloads/shards/) and Bootstrap 4
* Copyright 2017+ DesignRevision (https://designrevision.com)
* Released under MIT (https://github.com/DesignRevision/shards-dashboard/blob/master/LICENSE)
*/
body{background-color:#fff;color:#5a6169;font-size:1rem;font-weight:300}
a{text-decoration:none}
a:hover{text-decoration:underline}
b,strong{font-weight:500}
h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#3d5170;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;margin-bottom:.75rem}
.h1,h1{font-size:3.052rem;line-height:3rem}
.h1,.h2,h1,h2{letter-spacing:-.0625rem}
.h4,h4{font-size:1.563rem;line-height:2rem}
p{margin-bottom:1.75rem}
.form-control{background-color:#fff;border:1px solid #e1e5eb;border-radius:.25rem;box-shadow:none;color:#495057;font-size:.8125rem;font-weight:300;height:auto;line-height:1.5;padding:.4375rem .75rem;transition:box-shadow .25s cubic-bezier(.27,.01,.38,1.06),border .25s cubic-bezier(.27,.01,.38,1.06);will-change:border-color,box-shadow}
.form-control:hover{border-color:#b3bdcc}
.form-control:focus{background-color:#fff;box-shadow:0 .313rem .719rem #007bff1a,0 .156rem .125rem #0000000f;color:#495057}
.form-control:focus,.form-control:focus:hover{border-color:#007bff}
.form-control::placeholder{color:#868e96}
.form-control:disabled,.form-control[readonly]{background-color:#f5f6f7}
.form-control:disabled:hover,.form-control[readonly]:hover{border-color:#e1e5eb;cursor:not-allowed}
.form-control[readonly]:not(:disabled):focus{border-color:#e1e5eb;box-shadow:none}
select.form-control:not([size]):not([multiple]){height:calc(2.09375rem + 2px)}
.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-middle>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{border-radius:.25rem;font-size:.6875rem;line-height:1.5;padding:.4286rem .625rem}
.btn{border:1px solid #0000;border-radius:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.125;padding:.5625rem 1rem;transition:all .25s cubic-bezier(.27,.01,.38,1.06)}
.btn.hover,.btn:hover{cursor:pointer}
.btn.focus,.btn:focus{box-shadow:none}
.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active{background-image:none;box-shadow:none}
.btn-primary{background-color:#007bff;border-color:#007bff;box-shadow:none;color:#fff}
.btn-primary:hover{background-color:#006fe6;border-color:#006fe6;box-shadow:0 5px 15px #0000000d,0 4px 10px #007bff40;color:#fff}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 3px #007bff26,0 3px 15px #007bff33,0 2px 5px #0000001a}
.btn-primary.disabled,.btn-primary:disabled{background-color:#007bff;border-color:#007bff;box-shadow:none;cursor:not-allowed}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#006fe6;background-image:none;border-color:#0062cc;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)!important;color:#fff}
.btn-link{color:#007bff;font-weight:300}
.btn-link:hover{color:#0056b3}
.btn-link.focus,.btn-link:focus,.btn-link:hover{text-decoration:underline}
.btn-link:disabled{color:#868e96}
i.material-icons{font-size:inherit;position:relative}
.input-group-append{margin-left:-1px}
.input-group-text{background-color:#fff;border:1px solid #e1e5eb;border-radius:.25rem;color:#abb6bf;font-size:1rem;font-weight:300;line-height:1.5}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}
.custom-select{background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23333%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #e1e5eb;border-radius:.25rem;color:#495057;font-size:.8125rem;font-weight:300;height:calc(2.09375rem + 2px);line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;transition:box-shadow .25s cubic-bezier(.27,.01,.38,1.06),border .25s cubic-bezier(.27,.01,.38,1.06)}
.custom-select:focus{border-color:#007bff;box-shadow:0 .313rem .719rem #007bff1a,0 .156rem .125rem #0000000f}
.custom-select:disabled{background-color:#e9ecef;color:#868e96}
html{font-size:16px}
body,html{font-weight:500}
body{font-size:15px}
a{color:#007bff}
a:hover{color:#0056b3}
label{font-weight:400}
.input-group{min-width:7.5rem}
.input-group-text{font-size:.8125rem}
.input-group-text i{transform:scale(1.1)}
.input-group-text i.material-icons{font-size:.8125rem;top:0}
i.material-icons{top:2px}
@media (max-width:575.98px){html{font-size:15px}}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){
html{font-size:16px;font-weight:400}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
body{font-size:13px;font-weight:400}
}
.rm-box-flex { display: flex; }
.rm-touch-ripple { top: 0; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; position: absolute; border-radius: inherit; pointer-events: none; }
.rm-touch-ripple-ripple { opacity: 0; position: absolute; }
.rm-touch-ripple-ripple-visible { opacity: 0.3; transform: scale(1); animation: rm-touch-ripple-enter 550ms cubic-bezier(0.4, 0, 0.2, 1); }
.rm-touch-ripple-ripple-pulsate { animation-duration: 200ms; }
.rm-touch-ripple-child { opacity: 1; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: currentColor; }
.rm-touch-ripple-child-leaving { opacity: 0; animation: rm-touch-ripple-exit 550ms cubic-bezier(0.4, 0, 0.2, 1); }
.rm-touch-ripple-child-pulsate { position: absolute; left: 0; top: 0; animation: rm-touch-ripple-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite; }
@keyframes rm-touch-ripple-enter {
0% { transform: scale(0); opacity: 0.1; }
100% { transform: scale(1); opacity: 0.3; }
}
@keyframes rm-touch-ripple-exit {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes rm-touch-ripple-pulsate {
0% { transform: scale(1); }
50% { transform: scale(0.92); }
100% { transform: scale(1); }
}
.rm-button-base { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
@media print {
.rm-button-base { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.rm-button { color: rgba(0, 0, 0, 0.87); padding: 6px 16px; font-size: 0.875rem; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.75; border-radius: 4px; letter-spacing: 0.02857em; text-transform: uppercase; }
.rm-button:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
.rm-button:hover { background-color: transparent; }
}
.rm-button-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.rm-button-text { padding: 6px 8px; }
.rm-button-contained { color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); background-color: #e0e0e0; }
.rm-button-contained:hover { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #d5d5d5; }
.rm-button-contained.rm-focus-visible { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
.rm-button-contained:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
@media (hover: none) {
.rm-button-contained:hover { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); background-color: #e0e0e0; }
}
.rm-button-contained-primary { color: #fff; background-color: #3f51b5; }
.rm-button-contained-primary:hover { background-color: #303f9f; }
@media (hover: none) {
.rm-button-contained-primary:hover { background-color: #3f51b5; }
}
.rm-button-full-width { width: 100%; }
@keyframes mui-auto-fill {}
@keyframes mui-auto-fill-cancel {}
.rm-input-base { color: rgba(0, 0, 0, 0.87); cursor: text; display: inline-flex; position: relative; font-size: 1rem; box-sizing: border-box; align-items: center; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.1876em; letter-spacing: 0.00938em; }
.rm-input-base-multiline { padding: 6px 0 7px; }
.rm-input-base-full-width { width: 100%; }
.rm-input-base-input { font: inherit; color: currentColor; width: 100%; border: 0; height: 1.1876em; margin: 0; display: block; padding: 6px 0 7px; min-width: 0; background: none; box-sizing: content-box; animation-name: mui-auto-fill-cancel; letter-spacing: inherit; animation-duration: 10ms; -webkit-tap-highlight-color: transparent; }
.rm-input-base-input::placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.rm-input-base-input:focus { outline: 0; }
.rm-input-base-input:invalid { box-shadow: none; }
.rm-input-base-input:-webkit-autofill { animation-name: mui-auto-fill; animation-duration: 5000s; }
label[data-shrink=false] + .rm-input-base-form-control .rm-input-base-input::placeholder { opacity: 0 !important; }
label[data-shrink=false] + .rm-input-base-form-control .rm-input-base-input:focus::placeholder { opacity: 0.42; }
.rm-input-base-input-multiline { height: auto; resize: none; padding: 0; }
.rm-notched { top: -5px; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 8px; overflow: hidden; position: absolute; border-style: solid; border-width: 1px; border-radius: inherit; pointer-events: none; }
.rm-notched-legend { padding: 0; text-align: left; transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; line-height: 11px; }
.rm-notched-legend-labelled { width: auto; height: 11px; display: block; padding: 0; font-size: 0.75em; max-width: 0.01px; text-align: left; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; visibility: hidden; }
.rm-notched-legend-labelled > span { display: inline-block; padding-left: 5px; padding-right: 5px; }
.rm-notched-legend-notched { max-width: 1000px; transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; }
.rm-outlined-input { position: relative; border-radius: 4px; }
.rm-outlined-input:hover .rm-outlined-input-notched-outline { border-color: rgba(0, 0, 0, 0.87); }
@media (hover: none) {
.rm-outlined-input:hover .rm-outlined-input-notched-outline { border-color: rgba(0, 0, 0, 0.23); }
}
.rm-outlined-input.rm-focused .rm-outlined-input-notched-outline { border-color: #3f51b5; border-width: 2px; }
.rm-outlined-input-adorned-end { padding-right: 14px; }
.rm-outlined-input-multiline { padding: 18.5px 14px; }
.rm-outlined-input-notched-outline { border-color: rgba(0, 0, 0, 0.23); }
.rm-outlined-input-input { padding: 18.5px 14px; }
.rm-outlined-input-input:-webkit-autofill { border-radius: inherit; }
.rm-outlined-input-input-multiline { padding: 0; }
.rm-outlined-input-input-adorned-end { padding-right: 0; }
.rm-form-label { color: rgba(0, 0, 0, 0.54); padding: 0; font-size: 1rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1; letter-spacing: 0.00938em; }
.rm-form-label.rm-focused { color: #3f51b5; }
.rm-input-label { display: block; transform-origin: top left; }
.rm-input-label-form-control { top: 0; left: 0; position: absolute; transform: translate(0, 24px) scale(1); }
.rm-input-label-shrink { transform: translate(0, 1.5px) scale(0.75); transform-origin: top left; }
.rm-input-label-animated { transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; }
.rm-input-label-outlined { z-index: 1; transform: translate(14px, 20px) scale(1); pointer-events: none; }
.rm-input-label-outlined.rm-input-label-shrink { transform: translate(14px, -6px) scale(0.75); }
.rm-form-control { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; }
.rm-form-control-margin-normal { margin-top: 16px; margin-bottom: 8px; }
.rm-form-control-full-width { width: 100%; }
.rm-svg-icon { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.rm-icon-button { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; }
.rm-icon-button:hover { background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
.rm-icon-button:hover { background-color: transparent; }
}
.rm-icon-button-edge-end { margin-right: -12px; }
.rm-icon-button-color-primary { color: #3f51b5; }
.rm-icon-button-color-primary:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
.rm-icon-button-color-primary:hover { background-color: transparent; }
}
.rm-icon-button-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }
.rm-switch-base { padding: 9px; }
.rm-switch-base-input { top: 0; left: 0; width: 100%; cursor: inherit; height: 100%; margin: 0; opacity: 0; padding: 0; z-index: 1; position: absolute; }
.rm-checkbox { color: rgba(0, 0, 0, 0.54); }
.rm-checkbox-color-primary.rm-checked { color: #3f51b5; }
.rm-checkbox-color-primary.rm-checked:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
.rm-checkbox-color-primary.rm-checked:hover { background-color: transparent; }
}
.rm-avatar { width: 40px; height: 40px; display: flex; overflow: hidden; position: relative; font-size: 1.25rem; align-items: center; flex-shrink: 0; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 1; user-select: none; border-radius: 50%; justify-content: center; }
.rm-avatar-color-default { color: #fafafa; background-color: #bdbdbd; }
:where(html.rm-css-baseline) { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
:where(html.rm-css-baseline) *, :where(html.rm-css-baseline) *::before, :where(html.rm-css-baseline) *::after { box-sizing: inherit; }
:where(html.rm-css-baseline) body { color: rgba(0, 0, 0, 0.87); margin: 0; font-size: 0.875rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.43; letter-spacing: 0.01071em; background-color: #fafafa; }
@media print {
:where(html.rm-css-baseline) body { background-color: #fff; }
}
.rm-typography { margin: 0; }
.rm-typography-body2 { font-size: 0.875rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.43; letter-spacing: 0.01071em; }
.rm-typography-body1 { font-size: 1rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.5; letter-spacing: 0.00938em; }
.rm-typography-h5 { font-size: 1.5rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.334; letter-spacing: 0em; }
.rm-typography-color-primary { color: #3f51b5; }
.rm-link-underline-hover { text-decoration: none; }
.rm-link-underline-hover:hover { text-decoration: underline; }
.rm-grid-container { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; }
.rm-grid-item { margin: 0; box-sizing: border-box; }
.rm-grid-xs-true { flex-grow: 1; max-width: 100%; flex-basis: 0; }
.rm-container { width: 100%; display: block; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }
@media (min-width: 600px) {
.rm-container { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 0px) {
.rm-container-max-width-xs { max-width: 444px; }
}
.rm-form-control-label { cursor: pointer; display: inline-flex; align-items: center; margin-left: -11px; margin-right: 16px; vertical-align: middle; -webkit-tap-highlight-color: transparent; }
.rm-input-adornment { height: 0.01em; display: flex; max-height: 2em; align-items: center; white-space: nowrap; }
.rm-input-adornment-position-end { margin-left: 8px; }
.rm-checkbox-green { color: #66bb6a; }
.rm-checkbox-green.rm-checked { color: #43a047; }
.rm-solar { width: 50px; height: 50px; position: relative; }
.rm-solar-sun { width: 4px; height: 4px; border-radius: 100%; background-color: #00adb5; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; }
.rm-solar-track { border-radius: 100%; border: 1px solid #00adb5; position: absolute; left: 50%; top: 50%; box-sizing: border-box; }
.rm-solar-track-1 { width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; animation: rm-solar-rotate 2s linear infinite; }
.rm-solar-track-2 { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; animation: rm-solar-rotate 3s linear infinite; }
.rm-solar-earth { width: 6px; height: 6px; border-radius: 100%; background-color: #00adb5; position: absolute; left: 0; top: 2px; }
.rm-solar-mars { width: 8px; height: 8px; border-radius: 100%; background-color: #00adb5; position: absolute; left: 7px; top: 2px; }
@keyframes rm-solar-rotate {
100% { transform: rotate(360deg); }
}
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle, .rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle { margin-left: -8px; position: absolute; }
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle, .rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle, .rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle::before, .rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; }
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle::before, .rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; }
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle { top: 0; margin-top: -8px; }
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle, .rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle::before { border-top: none; border-bottom-color: #f0f0f0; }
.rm-datepicker-popper[data-placement^="bottom"] .rm-datepicker-triangle::before { top: -1px; border-bottom-color: #aeaeae; }
.rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle { bottom: 0; margin-bottom: -8px; }
.rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle, .rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle::before { border-bottom: none; border-top-color: #fff; }
.rm-datepicker-popper[data-placement^="top"] .rm-datepicker-triangle::before { bottom: -1px; border-top-color: #aeaeae; }
.rm-datepicker-wrapper { display: inline-block; }
.rm-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; }
.rm-datepicker-triangle { position: absolute; left: 50px; }
.rm-datepicker-popper { z-index: 1; }
.rm-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; }
.rm-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; }
.rm-datepicker-header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; }
.rm-datepicker-current-month { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; }
.rm-datepicker-navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; }
.rm-datepicker-navigation-previous { left: 10px; border-right-color: #ccc; }
.rm-datepicker-navigation-previous:hover { border-right-color: #b3b3b3; }
.rm-datepicker-navigation-next { right: 10px; border-left-color: #ccc; }
.rm-datepicker-navigation-next:hover { border-left-color: #b3b3b3; }
.rm-datepicker-month-container { float: left; }
.rm-datepicker-month { margin: 0.4rem; text-align: center; }
.rm-datepicker-day-names, .rm-datepicker-week { white-space: nowrap; }
.rm-datepicker-day-name, .rm-datepicker-day { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }
.rm-datepicker-day { cursor: pointer; }
.rm-datepicker-day:hover { border-radius: 0.3rem; background-color: #f0f0f0; }
.rm-datepicker-day-today { font-weight: bold; }
.rm-datepicker-day-selected { border-radius: 0.3rem; background-color: #216ba5; color: #fff; }
.rm-datepicker-day-selected:hover { background-color: #1d5d90; }
.rm-datepicker-day-keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; }
.rm-datepicker-day-keyboard-selected:hover { background-color: #1d5d90; }
.rm-datepicker-input-container { position: relative; display: inline-block; }
.rm-datepicker { border: none; }
.rm-datepicker-popper, .rm-datepicker { z-index: 1000; }
.rm-datepicker-month-container { border: none; box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, 0.11), 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.06); }
.rm-datepicker-header { border: none; background: #fff; padding-top: 20px; }
.rm-datepicker-day-name, .rm-datepicker-day, .rm-datepicker-current-month { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #5a6169; }
.rm-datepicker-day { transition: all 0.25s cubic-bezier(0.27, 0.01, 0.38, 1.06); }
.rm-datepicker-day:hover { background-color: #eceeef; }
.rm-datepicker-current-month { font-weight: 600; }
.rm-datepicker-day, .rm-datepicker-day:hover, .rm-datepicker-day-keyboard-selected { border-radius: 50%; }
.rm-datepicker-day-keyboard-selected, .rm-datepicker-day-selected { color: #fff; background: #007bff; }
.rm-datepicker-day-keyboard-selected:hover, .rm-datepicker-day-selected:hover { background: #006fe6; }
.rm-datepicker-header, .rm-datepicker-month-container { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rm-datepicker-header { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.rm-datepicker { border-radius: 0.375rem; }
.rm-datepicker-navigation { top: 25px; }
.rm-datepicker-triangle::before { border-bottom-color: #e3e3e3 !important; }
.rm-datepicker-month { padding: 10px 15px; }
.input-group > .rm-datepicker-wrapper .form-control { position: relative; }
.input-group > .rm-datepicker-wrapper:not(:last-child) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .rm-datepicker-wrapper .form-control:focus { z-index: 3; }
.rm-select { position: relative; box-sizing: border-box; }
.rm-select-a11y-text { z-index: 9999; border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0; white-space: nowrap; }
.rm-select-control { align-items: center; background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 80%); border-radius: 4px; border-style: solid; border-width: 1px; cursor: default; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 38px; outline: 0 !important; position: relative; transition: all 100ms; box-sizing: border-box; }
.rm-select-control:hover { border-color: hsl(0, 0%, 70%); }
.rm-select-control-focused { border-color: #2684FF; box-shadow: 0 0 0 1px #2684FF; }
.rm-select-control-focused:hover { border-color: #2684FF; }
.rm-select-value-container { align-items: center; display: flex; flex: 1; flex-wrap: wrap; padding: 2px 8px; -webkit-overflow-scrolling: touch; position: relative; overflow: hidden; box-sizing: border-box; }
.rm-select-single-value { color: hsl(0, 0%, 20%); margin-left: 2px; margin-right: 2px; max-width: calc(100% - 8px); overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
.rm-select-input { margin: 2px; padding-bottom: 2px; padding-top: 2px; visibility: visible; color: hsl(0, 0%, 20%); box-sizing: border-box; }
.rm-select-indicators { align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; }
.rm-select-indicator-separator { align-self: stretch; background-color: hsl(0, 0%, 80%); margin-bottom: 8px; margin-top: 8px; width: 1px; box-sizing: border-box; }
.rm-select-dropdown-indicator { color: hsl(0, 0%, 80%); display: flex; padding: 8px; transition: color 150ms; box-sizing: border-box; }
.rm-select-dropdown-indicator:hover { color: hsl(0, 0%, 60%); }
.rm-select-dropdown-indicator-focused { color: hsl(0, 0%, 40%); }
.rm-select-dropdown-indicator-focused:hover { color: hsl(0, 0%, 20%); }
.rm-select-indicator-icon { display: inline-block; fill: currentColor; line-height: 1; stroke: currentColor; stroke-width: 0; }
.rm-select-menu { top: 100%; background-color: hsl(0, 0%, 100%); border-radius: 4px; box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1); margin-bottom: 8px; margin-top: 8px; position: absolute; width: 100%; z-index: 1; box-sizing: border-box; }
.rm-select-menu-list { max-height: 300px; overflow-y: auto; padding-bottom: 4px; padding-top: 4px; position: relative; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
.rm-select-option { background-color: transparent; color: inherit; cursor: default; display: block; font-size: inherit; padding: 8px 12px; width: 100%; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
.rm-select-option:active { background-color: #B2D4FF; }
.rm-select-option-focused { background-color: #DEEBFF; }
.rm-select-option-selected { background-color: #2684FF; color: hsl(0, 0%, 100%); }
.rm-select-option-selected:active { background-color: #2684FF; }
.rm-select-no-options { color: hsl(0, 0%, 60%); padding: 8px 12px; text-align: center; box-sizing: border-box; }
.rm-signin-paper { display: flex; margin-top: 64px; align-items: center; flex-direction: column; }
.rm-signin-avatar { margin: 8px; background-color: #f50057; }
.rm-signin-form { width: 100%; margin-top: 8px; }
.rm-signin-submit { margin: 24px 0 16px; }
.rm-box-m2 { margin: 16px; }
.rm-box-m5 { margin: 40px; }
.rm-card-flip { padding: 0; position: relative; transform-style: preserve-3d; box-sizing: border-box; }
.rm-card-flip-front,
.rm-card-flip-back { box-sizing: border-box; border: 1px solid silver; height: 100%; width: 100%; display: block; padding: 10px; position: absolute; border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: transform ease 500ms; }
.rm-card-flip-front { z-index: 2; transform: rotateY(0deg); }
.rm-card-flip-back { transform: rotateY(-180deg); padding: 20px; }
.rm-card-flip-front-flipped { transform: rotateY(180deg); }
.rm-card-flip-back-flipped { transform: rotateY(0); }
.rm-quiz-number-box { width: 125px; background: #F4F6F8; border: .8px solid #979797; text-align: left; border-radius: 7px; }