:root {
      --main-color:#de137b;
}



/*---------------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;

    /*border-left:solid 10px var(--main-color);*/

}

.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;
    }
}


  .leftPanel img {
                display: block;
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }