﻿body{padding:0px; margin:0 0}
a{cursor:pointer;}
.bold{font-weight:bold;}


.header {
    height:110px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    background-color: #eeeeee;
    
}

.new-button
{
    background-color: #003399;
   
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family:Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 24px;
    text-decoration: none;
   
    
}


.mainpage{width:100%; min-height:100px; font-family:Arial; direction:rtl; vertical-align:top; padding:0px; margin:0px;}

.mainpage .topbar{width:100%; max-height:100px; min-height:40px; background-color:#eeeeee; display:table; padding-top:30px; padding-bottom:25px;}
.mainpage .topbar .rightinputs{width:71%; min-height:40px; display:table-cell; text-align:right; vertical-align:top;}
.mainpage .topbar .rightinputs .inputtbl{width:44%; display:table; margin-right:20%;}
.mainpage .topbar .rightinputs .inputtbl .inputcell{width:40%; display:table-cell; vertical-align:bottom;}
.mainpage .topbar .rightinputs .inputtbl .inputcell .custominput{width:90%; border:1px solid #cccccc; vertical-align:middle; text-align:center; padding-top:7px; padding-bottom:7px; background:#fff url('../images/Login/user.png') 95% center no-repeat; padding-right:5px;}
.mainpage .topbar .rightinputs .inputtbl .inputcell .custominput input{width:82%; margin:0px auto; border:none; background-color:transparent; color:#aeaeae; font-size:15px; margin-right:20px; }
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd{width:38%; display:table-cell; vertical-align:bottom; position:relative;}
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd .custominput{width:94%; border:1px solid #cccccc; vertical-align:middle; text-align:center; padding-top:7px; padding-bottom:7px; background:#fff url('../images/Login/lock.png') 95% center no-repeat; padding-right:5px;}
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd .custominput input{width:82%; margin:0px auto; border:none; background-color:transparent; color:#aeaeae; font-size:15px; margin-right:20px;}
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd a.forget_password{position:absolute; bottom:-40%; left:5%; font-size:15px; color:#6f6f6f; text-decoration:underline;}
.mainpage .topbar .rightinputs .inputtbl .bluelogarrow{ vertical-align:bottom; text-align:right}
.mainpage .topbar .rightinputs .inputtbl .bluelogarrow a.login{height:32px;width:35px;background:url('../images/Login/arrowbtn.png') center  no-repeat; display:block; margin-right:5px;}
/** .mainpage .topbar .rightinputs .inputtbl .bluelogarrow a.login:hover{background:url('../images/Login/arrowbtn.png') right -35px no-repeat;}*/


.mainpage .topbar .rightinputs .inputtbl .inputcell .custominputExt{width:90%; border:1px solid #cccccc; vertical-align:middle; text-align:center; padding-top:7px; padding-bottom:7px; background:#fff; padding-right:5px;}
.mainpage .topbar .rightinputs .inputtbl .inputcell .custominputExt input{width:90%; margin:0px auto; border:none; background-color:transparent; color:#aeaeae; font-size:15px; }
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd .custominputExt{width:94%; border:1px solid #cccccc; vertical-align:middle; text-align:center; padding-top:7px; padding-bottom:7px; background:#fff; padding-right:5px;}
.mainpage .topbar .rightinputs .inputtbl .inputcellpwrd .custominputExt input{width:90%; margin:0px auto; border:none; background-color:transparent; color:#aeaeae; font-size:15px;}






    .mainpage .topbar .rightinputs .inputtbl .bluelogarrowext {
        vertical-align: bottom;
        text-align: right;
        margin-top: 19px;
    }
    .mainpage .topbar .rightinputs .inputtbl .bluelogarrowext a.login {
        height: 32px;
        width: 35px;
        background: url('../images/Login/arrowbtn.png') center no-repeat;
        display: block;
        margin-right: 5px;
        float:right;
    }

        .mainpage .topbar .rightinputs .inputtbl .bluelogarrowext a.resendotp {
            height: 32px;
            width: 150px;
            display: block;
            margin-right: 10px;
            float: right;
            line-height:27px;
        }


.mainpage .topbar .leftlogo{width:29%; min-height:40px; display:table-cell; text-align:right; vertical-align:bottom;}
.mainpage .topbar .leftlogo img{width:94%; display:block;float:left;}


.mainbanner{width:100%;}


/*-*--------  Main Icons  ---------*-*/
.mainicons{width:60%; display:table; min-height:50px; margin:0px auto; top:10px; position:relative}
.mainicons .iconcell{display:table-cell; vertical-align:bottom; text-align:center; position:relative;}
.mainicons .iconcell .iconimage{vertical-align:bottom; text-align:center; position:relative;width:450px}
.mainicons .iconcell .icontext{vertical-align:bottom; text-align:right; position:relative;color:#0404B4;width:320px;right:65px;font-family:Arial;font-size:15px;height:200px}





/*
.footer
{
    clear: both;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    text-align: center;
    border-top: 1px solid #bfbebe;
    bottom: 0;
}
*/

.content{width:100%; min-height:100px;position:relative;margin-bottom:20px}
.content img{width:100%; min-height:100px; }


/*-*--------  Tool Tips & Popups  ---------*-*/
.tooltiptext{width:180%; min-height:70px; position:absolute; bottom:160%;  background-color:rgba(199, 208, 220, 0.90); z-index:44; text-align:right; display:none;position:relative}
.tooltiptext ul{width:92%; padding-bottom:10px; padding-right:10px; padding-left:10px; margin:0px auto; list-style:none; text-align:right;text-wrap:normal}
.tooltiptext ul li{color:#2a3d91; font-size:14px; margin-top:10px;font-weight:bold}



/*-*--------  footer  ---------*-*/
.footer{width:100%; min-height:20px; background-color:#fff; vertical-align:middle; text-align:center; padding-top:20px; padding-bottom:10px; border-top:1px solid #cbccce;position:fixed;bottom:0px}
.footer a.ewavelogo{width:6.5%; display:inline-block; margin:0px auto;}
.footer a.ewavelogo img{width:100%;text-decoration:none;border:0px}
