body{margin:0px; padding:0px; font-size:12px; line-height: 18px; font-family:Arial, Helvetica, sans-serif; color:#333333; /*background-color: #edfbfe;*/
background:#fbfae3;
background: -moz-linear-gradient(-45deg, #e6fcfa 0%, #e6fcfa 50%, #93d8d1 50%, #c8f0ec 60%, #c8f0ec 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6fcfa), color-stop(50%,#e6fcfa), color-stop(50%,#93d8d1), color-stop(60%,#c8f0ec), color-stop(100%,#c8f0ec));
background: -webkit-linear-gradient(-45deg, #e6fcfa 0%, #e6fcfa 50%, #93d8d1 50%, #c8f0ec 60%, #c8f0ec 100%);
background: -o-linear-gradient(-45deg, #e6fcfa 0%, #e6fcfa 50%, #93d8d1 50%, #c8f0ec 60%, #c8f0ec 100%);
background: -ms-linear-gradient(-45deg, #e6fcfa 0%, #e6fcfa 50%, #93d8d1 50%, #c8f0ec 60%, #c8f0ec 100%);
background: linear-gradient(135deg, #e6fcfa 0%, #e6fcfa 50%, #93d8d1 50%, #c8f0ec 60%, #c8f0ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6fcfa', endColorstr='#c8f0ec',GradientType=0 );
overflow: hidden;
}

input[type="text"],select{padding:2px 4px !important; border:1px solid #b0b0b0; min-height:24px; width: 98%;}


.login-main{width:100vw; height:100vh; margin:0 auto; overflow: hidden;}
.login-main{background: url(../img/electra-bg.png) no-repeat center bottom 140px;}
.centerpage{position: relative; width:100vw; min-height:100vh; overflow: hidden;}
.centerpage1{padding:60px;}
.login-heading{font-size: 20px; line-height: 32px; padding:0 15px 8px; margin-bottom:8px; color: #00463f; border-bottom: #00463f 2px solid; text-align: center;}

.loginbox, .nuc-box{ padding:20px 20px 22px; border-radius:0px; position: absolute; top:9%; left:50%; transform: translate(-60%, 0%);}
.nuc-box{top: auto; bottom: 23%; text-align: center; right: 13%; left: auto; transform: translate(0,0); max-width:320px;}
/*.nuc-box .nuc{ display: block;}*/
.nuc-box span.dblk{display: block; border-top:rgba(0,0,0,0.3) 1px solid; padding:5px 15px 0; color: rgba(0,0,0,0.7);}
.nuc-box span.dblk1{display: block; border-bottom:rgba(0,0,0,0.3) 1px solid; padding:0px 15px 5px; margin-bottom:5px; color: rgba(0,0,0,0.7);}
.nuc-box span .d-in{display: inline;}
.fnt{ font-size: 14px; line-height: 20px;}
.certi-logo{padding:5px;background:#fff; border:rgba(0,0,0,0.18) 1px solid; margin-bottom:10px;}


.flidname{font:12px Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; text-align:right; /*padding-right:10px;*/}
.flidnamered{font:12px Arial, Helvetica, sans-serif; color:#ff0000; font-weight:normal; text-align:right; padding-right:10px;}
.ft{width:98%; height:auto; border:solid 1px #999999;}

.buttonsview{/*background:#ccc; */font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; /*color:#000;*/ cursor:pointer; outline-style:none; outline:none; padding:2px 7px 2px 7px; background: #090b72; color:#fff; /*border: 1px solid #090b72;*/ border: none; margin: 1px;}
.buttonsview:hover{ background:#000;}

.footer{position: absolute; bottom:0; left:0; right:0; display: block; font-size: 12px; line-height: 18px; /*background: rgba(147,216,209,1.0);*/}
.foot-txt{width:auto; padding:10px 25px; display: inline-block; background:#fbfae3;
background: -moz-linear-gradient(-90deg, #c8f0ec 0%, #c8f0ec 20%, #93d8d1 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c8f0ec), color-stop(20%,#c8f0ec), color-stop(100%,#93d8d1));
background: -webkit-linear-gradient(-90deg, #c8f0ec 0%, #c8f0ec 20%, #93d8d1 100%);
background: -o-linear-gradient(-90deg, #c8f0ec 0%, #c8f0ec 20%, #93d8d1 100%);
background: -ms-linear-gradient(-90deg, #c8f0ec 0%, #c8f0ec 20%, #93d8d1 100%);
background: linear-gradient(90deg, #c8f0ec 0%, #c8f0ec 20%, #93d8d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8f0ec', endColorstr='#93d8d1',GradientType=0 );}