body
{
    /*background: url("../Content/tabcontentbg.gif") repeat scroll 0 600px #628DB5;*/
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    font-family: Century Gothic;
}

html, body
{
    height: 100%;
}
.column-container
{
    width: 1024px;
    margin: auto;
}
.left
{
    width: 241px;
    background-image: url('/Content/img/Login_bkgrdLeft.png');
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
}
.center
{
    width: 531px;
    background-image: url('/Content/img/Login_bkgrdCentre.png');
    background-repeat: no-repeat;
    float: left;
}
.right
{
    width: 252px;
    background-image: url('/Content/img/Login_bkgrdRight.png');
    background-repeat: no-repeat;
    float: left;
}

.bottom, .bottom .left, .bottom .right, .bottom .center
{
    height: 690px;
    background-position: 0px -216px;
}

.bottom .left
{
    background-position: right -216px;
}

p, h1, form, button
{
    border: 0;
    margin: 0;
    padding: 0;
}

.header
{
    background-color: transparent;
}

.header-left
{
    background-image: url('/Content/img/Login_bkgrdHeaderLeft.png');
    position: absolute;
    left: 0px;
    width: 50%;
    z-index: -1;
}

.header-right
{
    background-image: url('/Content/img/Login_bkgrdHeaderRight.png');
    position: absolute;
    right: 0px;
    width: 50%;
    z-index: -1;
}

.headercontent-left
{
    background-color: transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    z-index: 10;
}
.headercontent-right
{
    background-color: transparent;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    z-index: 10;
    text-align: right;
}

.header, .header div
{
    height: 215px;
}

.logo
{
    height: 40px;
    float: left;
}

.logo img
{
    margin-top: 110px;
}

.spacer
{
    clear: both;
    height: 1px;
}

.login
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    height: 460px;
    width: 370px;
}

.top
{
    position: relative;
    height: 120px;
    font-size: 36px;
    clear: both;
    margin-top: 0px;
    text-align: center;
    background-color: White;
}
.login-title
{
    color: #1F242A;
    padding-top: 50px;
    display:inline-block;
}
.poems2
{
    color: #458BE1;
}
/*
        .top img
        {
            margin-left: 5px;
            margin-top: 5px;
            border: none;
        }
        */
/*
        .left h1
        {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 8px;
            font-family: Arial;
            color: #08345C;
        }
        */
/*
        .left p
        {
            font-size: 11px;
            color: #666666;
            margin-bottom: 20px;
            border-bottom: solid 1px #b7ddf2;
            padding-bottom: 10px;
        }
        */

.bottom-login form
{
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.row
{
    /*float: left;*/
    position: absolute;
    clear: both;
    margin-bottom: 10px;
    position: relative;
    height: 30px;
    width: 100%;
}

.row.last
{
    margin-bottom: 0px;
}

.row label
{
    /*float: left;*/
    position: absolute;
    padding-top: 5px;
    left: 40px;
    width: 100px;
    height: 19px;
    font-size: 14px;
    color: #20252B;
}



.row input, .row select
{
    /*float: left;*/
    position: absolute;
    right: 45px;
    width: 150px;
    height: 25px;
    font-size: 14px;
    border: 1px solid #B0B0B0;
    font-family: Century Gothic;
}

.row a, .note a
{
    color: #458BE1;
    font-size: 14px;
}
.forgot-pass
{
    /*float:right;*/
    font-size:small !important;
   text-decoration:none;
    font-family: Arial;     
}

.row .warning
{
    /*float: left;*/
    clear: both;
    font-family: Arial;
    font-size: 12px;
    color: #08345C;
}

.row .error
{
    position: relative;
    margin-left: 0px;
    float: left;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: White;
    background-color: Red;
    padding: 1px 1px 1px 1px;
}


.row .tip
{
    float: left;
    clear: both;
    font-family: Arial;
    font-size: 12px;
    color: #08345C;
}


span.info
{
    margin-top: 190px;
    margin-right: 20px;
    font-size: 12px;
    display: inline-block;
}

.info a
{
    color: White;
    font-weight: bold;
}

.row select
{
    width: 150px;
    float: left;
    height: 22px;
    font-size: 14px;
}

.errorsummary
{
    clear: both;
    position: relative;
    font-size: 13px;
    color: Red;
    font-weight: bold;
    text-align: center;
}

.emptytext
{
    color: #AEB3B8;
    font-size: 12px;
    font-weight: normal;
}

.highlight
{
    background-color: #DAEDFB;
    border: 1px solid #999C91;
}


.submitrow
{
    margin-top: 5px;
    position: relative;
    margin-left: auto;
    margin-right: 10px;
    clear: both;
    text-align: right;  
}

.submitrow input
{    
    width: 80px;
    height: 22px;
    font-size: 13px;    
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color:#606060;
    border: 1px solid #606060;
    color: White;
    cursor:pointer;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-family: Century Gothic;
}

.submitrow input[type="submit"] submitlock
{
    padding-left: 20px;
    background-image: url('/Content/img/lock_icon.png');
}

#Captcha
{
    text-align: left;
}

.vcoderow
{
    clear: both;
    margin-left: 0px;
    margin-top: 1px;
    position: relative;
    width: auto;
}


.vcoderow img
{
    clear: both;
    margin-top: 0px;
    position: relative;
    height: 70px;
    width: 150px;
}

.vcoderow .input-container
{
    width: 180px;
    float: right;
}

.vcoderow label
{
    margin-top: 5px;
    font-size: 13px;
    color: #20252B;
}

.vcoderow input
{
    font-family: Century Gothic;
    margin-top: 5px;
    font-size: 13px;
    width: 170px;
    border: 1px solid #B0B0B0;
}
.note
{
    font-size: 14px;
    color: #20252B;
}

.forgot label
{
    left: 40px;
    width: 100px;
    height: 19px;
    font-size: 12px;
    text-align:left;
    color: #20252B;
}

.forgot span
{
    /*float: left;*/
   
    left: 40px;
    width: 100px;
    height: 19px;
    font-size: 12px;
    color: #20252B;
}
.forgot input[type="text"]
{
    /*float: left;*/
   
    width: 150px;
    height: 20px;
    font-size: 12px;
    border: 1px solid #B0B0B0;
    font-family: Century Gothic;
}
.forgot input[type="button"]
{
    /*float: left;*/
    
    width: 100px;
    height: 25px;
    font-size: 12px;
    display: inline-block;
    vertical-align:middle;
    font-family: Century Gothic;
}

.forgot input[type="password"]
{
    /*float: left;*/
   
    width: 150px;
    height: 20px;
    font-size: 12px;
    border: 1px solid #B0B0B0;
    font-family: Century Gothic;
}

td.option.radiolabel
{
    
     display:inline-block;
    font-family: Century Gothic;
}
.boldtxt
{
    font-size: 12px;
    text-align:left;
    }
    
#newPwd .short{
    color:#FF0000;
}
  
#newPwd .Weak{
    color:#E66C2C;
}
  
#newPwd .Average{
    color:#B9B900;
}
#newPwd .Strong{
    color:#2D98F3;
}
  
#newPwd .Excellent{
    color:#006400;
}

#retypePwd .short{
    color:#FF0000;
}
  
#retypePwd .Weak{
    color:#E66C2C;
}
  
#retypePwd .Average{
    color:#B9B900;
}
#retypePwd .Strong{
    color:#2D98F3;
}
  
#retypePwd .Excellent{
    color:#006400;
}

.div-login-change
{
    height:650px;
    background:fixed;
    -webkit-background-size: cover; /*for webKit*/
    -moz-background-size: cover; /*Mozilla*/
    -o-background-size: cover; /*opera*/
    background-size: cover; /*generic*/  
}

.div-login-footer
{
    position:fixed;
    clear:both;
    background-color:#004B86;
    width:100%;
    bottom:0;
    color:white;
    height:60px;    
}

/*
* Below code added for the Client banner on the login page
* [RR20241009] - Start 
*/
.DeComBanner .ui-dialog-titlebar, .DeComBanner .ui-dialog-titlebar-close {
    background: none !important;
    border:0 !important;
}


#BannerDialog {
    display: inline-block;
    height: 930px !important;
    width: 1660px !important;
}

.spacer-xlarge {
    margin-bottom: 100px;
}

.text-center {
    text-align: center;
}

.headline {
    font-size: x-large;
}

.banner-image {
    display: block;
    margin: 0 auto;
}

.content 
{
    font-size: large;
    text-align: justify;
}

.mainDiv
{
    width:80%;
    padding:20px;
    position:relative;
    margin:0 auto;
    margin-top: 5%;
    min-height: 500px;
}

img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
}
    
.imageDiv img
{
    width:950px;
}
    
.imageDiv
{
    width:50%;
    display:inline-block;
    padding-right:10px;
    position:absolute;
    top:0px;
    left:0px;
}

.contantMain
{
    width:calc(50% - 15px);
    display:inline-block;
    position: absolute;
    top:0px;
    right:0px;
}
.contentCommon
{
    border:1px solid rgb(86,142,247); 
    margin-bottom:20px; 
    padding:10px;
    width:100%;
}


.btn-div
{
    margin:0px auto;
    text-align:center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
    
.btn-div button
{
    border:0px;
    background-color:rgb(86,142,247);
    color:White;     
    padding: 10px;
    border-radius: 6px;
    cursor:pointer;
}    

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/*[RR20241009] - End */