html {
    /*background-color: #FFFFFF;
    background-image: url(BlueTheme/Images/CanvasBackground.png);*/
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#lBody {
   margin: 0;


   /*background: url("../images/Amara Tour imagine site.jpg") no-repeat bottom center fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
   
   /*position:relative;*/
}


#wraper
{
    width:90%;
    margin:0 auto;
}

form
{
    background-color:transparent;
}

#tbl
{
    width:100%;
}

.title 
{
  margin: 0 0 20px;
  /*color: #33b5e5;*/
  color: #de0b7c;
  font-size: 18px;
  font-weight:600;
  line-height: 1;
  /*background-image: url(../Images/Icons/star-rating-icon_12x12.png);
  background-repeat:no-repeat;
  background-position:left;*/
  padding-left:16px;
}

.line1
{
    height:1px;
    border-bottom:1px solid #EEEEEE;
}

.loginPC > .dxtc-content
{
    background-color: rgba(255, 255, 255, 0.65);
}



.leftPanel { 
    display:block;
    float:left;
    width: 35%;
    left: 0;
    height: 100%;
    text-align: center;
    min-width: 450px;
    z-index: 99;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    overflow-y: auto;
}



.mainPanel {
    /*background: url("../images/login.png") no-repeat top center fixed;*/
    /*background: url("../images/Amara Tour imagine site.jpg") no-repeat top center;*/
    /*background: url("../images/30102024_EB2025_B2Bmin.jpg") no-repeat top center;*/
    background: url("../images/28042024_EB2025_B2B_Image.jpg") no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    position: fixed;
    width: 65%;
    text-align: left;
    right: 0;
    /*min-width: 1050px;*/
    z-index: 98;
}

@media (max-width: 1200px) {
    .mainPanel {
        width: 0%;
        display: none;
    }

    .leftPanel {
        width: 100%;
    }
}


#divText {
}

    #divText img {
        width: 550px;
        position: fixed;
        padding: 75px;
        right: 0;
    }

#divImg {
    width: 550px;
    margin: 0 auto;
    position: fixed;
    padding: 75px;
    right: 0;
    padding-top: 260px;
    
}

    #divImg img {
        width: 150px;
        vertical-align:middle;
        padding-right:30px;

    }

.box {
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /*height: 200px;*/
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    /*width: 200px;*/
}

.bounce-7 {
    animation-name: bounce-7;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes bounce-7 {
    0% {
        transform: scale(1,1) translateY(0);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
    }

    30% {
        transform: scale(.9,1.1) translateY(-100px);
    }

    50% {
        transform: scale(1.05,.95) translateY(0);
    }

    57% {
        transform: scale(1,1) translateY(-7px);
    }

    64% {
        transform: scale(1,1) translateY(0);
    }

    100% {
        transform: scale(1,1) translateY(0);
    }
}