html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {
box-sizing: inherit;
}
strong, b {
font-weight: 700;
}
body {
color: rgba(0, 0, 0, 0.87);
margin: 0;
font-size: 0.875rem;
font-family: inherit;
font-weight: 400;
line-height: 1.43;
background-color: #fff;
}
@media print {
body {
background-color: #fff;
}

}
body::backdrop {
background-color: #fafafa;
}
.jss1 {
font-size: 22px;
font-weight: bold;
}
.jss2 {
color: #212529;
cursor: pointer;
font-size: 14px;
text-decoration: underline;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
.mt-4, .my-4 {
margin-top: 1.5rem!important;
}
.mt-5, .my-5 {
margin-top: 3rem!important;
}
.w-75 {
width: 75%!important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.mb-3, .my-3 {
margin-bottom: 1rem!important;
}
.d-block {
display: block!important;
}
.text-center {
text-align: center!important;
}
.fs13{
font-size: 13px !important;
}
.btn-primary{
color: white !important;
background-color: rgb(37, 72, 96) !important;
border-color: rgb(37, 72, 96) !important;
font-weight: bold;
padding-top: 13px;
padding-bottom: 13px;
}
.sharedContainer {
width: 90%;
max-width: 360px;
position: absolute;
top: 0%;
bottom: 0px;
left: 0px;
right: 0px;
height: 630px;
margin: auto;
max-height: 100%;
}
@media (max-height:700px){
.sharedContainer{
padding-top: 36px;
position: static;
}
}
.image-container {
margin-bottom: 30px;
text-align: center;
}
.image-container img{
width: 100%;
}
.header {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.header span {
color: rgb(37, 72, 96);
}
.form-group {
margin-bottom: 1rem;
}
.sharedContainer .login a {
font-size: 12px;
color: rgb(144, 144, 144);
text-decoration: underline;
}
.login i {
font-size: 12px;
color: #909090;
}
.fa-arrow-left:before {
content: "\f060";
}
.MuiInputBase-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;
}
label.MuiInputBase-input{
    height: auto;
}
.MuiInputBase-input:invalid {
box-shadow: none;
}
.MuiInputBase-input:focus {
outline: 0;
}
.MuiInputBase-input:-webkit-autofill {
animation-name: mui-auto-fill;
animation-duration: 5000s;
}
.MuiInput-underline:before {
left: 0;
right: 0;
bottom: 0;
content: "\00a0";
position: absolute;
transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border-bottom: 1px solid rgba(0, 0, 0, 0.42);
pointer-events: none;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.MuiInput-underline:after {
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
transform: scaleX(0);
transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
border-bottom: 2px solid #3f51b5;
pointer-events: none;
}
label + .MuiInput-formControl {
margin-top: 16px;
}
.MuiInput-root {
position: relative;
}
.MuiInputBase-fullWidth {
width: 100%;
}
.MuiInputBase-half{
    width: 48%;
    margin: 0;
}
.MuiInputBase-root {
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: inherit;
font-weight: 400;
line-height: 1.1876em;
}
form p.ctn{
font-size: 14px;
font-weight: normal;
color: #e20000;
}

@media (max-width:374px){
.form-group label{
font-size: 14px;
}
.mt-5, .my-5{
margin-top: 2rem !important;
}
label + .MuiInput-formControl{
margin-top: 4px;
}
.mt-4, .my-4{
margin-top: 1rem !important;
}
}
.redux-toastr .toastr.rrt-info{background-color:#254860 !important;
}button:focus{outline:none !important;
}
#nprogress .bar{height:3px;background:#27c4f5 linear-gradient( to right, #27c4f5, #a307ba, #fd8d32, #70c050, #27c4f5 );background-size:500%;-webkit-animation:2s linear infinite barprogress,0.3s fadein;-webkit-animation:2s linear infinite barprogress,0.3s fadein;animation:2s linear infinite barprogress,0.3s fadein;width:100%;
}
@-webkit-keyframes barprogress{0%{background-position:0% 0;
}to{background-position:125% 0;
}
}
@-webkit-keyframes barprogress{0%{background-position:0% 0;
}to{background-position:125% 0;
}
}
@keyframes barprogress{0%{background-position:0% 0;
}to{background-position:125% 0;
}
}
#nprogress .peg{display:none;
}
#nprogress .spinner-icon{z-index:5000;
}
.ptr--ptr{background-color:whitesmoke;
}
.ptr--ptr.ptr--refresh{min-height:45px !important;
}
.ptr--ptr .ptr--text{display:none !important;
}
/*form*/
.sharedContainer.form-page{
    margin:20px auto 64px;
    max-width: 480px;
    position: static;
    height: auto;
}
.form-page > section.image-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
}
.form-page.edit-mode .MuiInput-underline:before{
    border-bottom: none;
}
.form-page.edit-mode input,
.form-page.edit-mode select{
    border: 1px solid #acc4da;
    background-color: #eaf1f8;
    padding: 0.6em 0.8em;
    box-sizing: border-box;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.form-page.edit-mode select::-ms-expand {
    display: none;
}
.form-page.edit-mode .select-wrap{
    position: relative;
}
.form-page.edit-mode .select-wrap:before{
    content: '\f107';
    display: inline-block;
    position: absolute;
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: auto;
    right: 12px;
    line-height: 16px;
    height: 16px;
    margin-top: -8px;
}
.flex-item-half{
    width: 49%;
    box-sizing: border-box;
}
.flex-item-auto{
    width: auto;
    box-sizing: border-box;
}
[class*="flex-item-"] + [class*="flex-item-"]{
    margin-left: 2%;
}
[class*="flex-item-"] > input{
    width: 100%;
}
#postal-code01{
    width: 90px;
}
#postal-code02{
    width: 120px;
}
::placeholder{
    color: #c6d0da;
}
.form-page .MuiFormControl-root > label{
    font-size: 13px;
    color: #777;
    margin-bottom: 0;;
}
.view-mode label + .MuiInput-formControl{
    margin-top: 0;
    margin-bottom: 1em;
}
.view-mode .MuiInput-underline:before{
    display: none;
}
.edit-mode label + .MuiInput-formControl{
    margin-top: 0;
}

.form-page.edit-mode input:disabled{
    border-color: transparent;
    background-color: transparent;
}