.LoginPanal { height: 100%; overflow: auto; }
.LoginPanal { display: table; margin: 0 auto; }
.LoginPanal { /*display: table-cell;*/ vertical-align: middle; margin-top:4% }

.Background { width: 100%; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; }
    .Background::before { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,0.9); }
.backGroundColor { background: var(--orange) !important; border-radius: 10px; -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75) !important;    -moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75) !important;    box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.75) !important; }
.TxtColorWhite { color: #fff !important; }
input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], textarea.materialize-textarea { border-bottom: 1px solid #fff; }
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #fff !important; box-shadow: none !important; }
.input-field label { color: var(--white); }
input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #fff !important; }
.input-field .prefix.active { color: var(--white) !important; }
.input-field .prefix { color: #fff; }
.backGroundColor a { color: var(--white) !important; }
.login_logo { font-size: 60px; color: #333333; /* display: -webkit-box; */ /* display: -webkit-flex; */ display: -moz-box; display: -ms-flexbox; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ width: 100px; height: 100px; border-radius: 50%; background-color: #fff; margin: -48px auto; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75); text-align: center; padding: 6px 0px 0px 0px; }
.LoginButtn { height: 41px; border-radius: 5px; padding: 2px 26px 0px 26px; width:202px; }
select { border-bottom: 1px solid #ffffff !important; color: #fff; }
    select:focus { outline: 1px solid var(--orange) !important; }
option { color: #000 }
.margintop { margin-top:4% !important }
.LoginHeading { text-align: center; color: var(--white); }
.clsMobile { font-size:14px !important; }
.clsEmail { font-size:14px !important; } 

@media screen and (min-width: 300px) and (max-width: 406px) {
    .LoginPanal { margin-top:5%; }
}
