:root {
    --main-color: #0078c1; 
}


/*#loginLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 65%;
}

#loginLeft table
{
    padding-top:60px;
    padding-left:60px;
    padding-right:100px;
   
}



#loginRight {
    position: absolute;
    top: 0;
    left: 65%;
    bottom: 0;
    width: 35%;
    background:#FFFFFF;
}


.llContent
{
    position:relative;
    top:20%;    
    padding-left:65px;
    padding-right:65px;
    padding-bottom:60px;
    
}


.tit
{
    font-size:38px;
    font-weight:bold;
    color:#AAAAAA;
}

.vMid {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.table-container {
    height: 100%;
    width: 100%;
    display: table;
}

.table-cell {
    vertical-align: middle;
    height: 100%;
    display: table-cell;
    border: none;

}

.lblMessage
{
    position: absolute;
   
    top: -60px;
    width:60%;
}*/






/*---------------NEW STYLE-------------------*/

.lblMessage
{

}

.tit
{
    font-size:38px;
    font-weight:bold;
    color:#AAAAAA;
}

html {
    background-color: #FFFFFF;
}


.leftPanel
{
    position:fixed;
     width:60%;
    left:0;
    background-color:#EFEFEF;
    height:100%;
    text-align:center;
    background: url("../images/login.jpeg") no-repeat top center fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.mainPanel
{
    background-color:#FFFFFF;
    height:100%;
    display:table;
    position:fixed;
    width:40%;
    text-align:left;
    right:0;
    margin:0 auto;

}

.mainPanelContent
{ 
    padding-left:20px;
    padding-right:20px;
    display:table-cell;
    vertical-align:middle;
    
}

.mailPanelTitle
{
    display:block;
    width:100%;
    position:absolute;
    top:20px;
    height:0px;
     padding-left:20px;
    padding-right:20px;
}


@media (max-width: 750px) {
    .mainPanel {
         width:100%;
    }
    .leftPanel
    {
        display:none;
    }
}