body {

  padding-bottom: 40px;
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
  background-color: #fff;
  /* END 18/12/2014 */
    background-image: url(../Images/green_blue_minimalistic_gaussian_blur_blurred_1920x1080_21100.jpg);
    background-size: auto;
    background-repeat: repeat;
}

.form-signin {
   vertical-align: middle;
   text-align: center;
}

.Loginform {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #5F5C5C;
    width: 600px;
    height: 350px;
    margin-top: -175px;
    margin-left: -300px;
    background: #5F5C5C;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
    .Loginform ul
    {
padding-left: 0;
    list-style: none;
    display: table;
    border-radius: 10px;
    width: 598px;
    height: 349px;
    box-shadow: 0px 6px 1px #716E6E;
    -moz-box-shadow: 0px 6px 1px #716E6E;
    -webkit-box-shadow: 0px 6px 1px #716E6E;
    margin-bottom: 15px;
    }
    .Loginform ul li
    {
        display: inline-block;
    float: left;
    }
 .Loginform ul li:nth-child(1)
{
    border-radius: 12px 0 0 12px;
    width: 300px;
    height: 349px;
    background: #eee;

}
 .Loginform ul li:nth-child(1) img
{
    width: 300px;
    height: 349px;
    border-radius: 10px 0 0 10px;
    border-right: 3px solid #D6D6D6;
}
 .Loginform ul li:nth-child(2) 
{
    width: 297px;
    height: 349px;
    border-radius: 0 10px 10px 0;
    background: #fff;
    padding: 15px;
    padding-top: 12%;
  
}
 .Loginform ul li:nth-child(2) .form-control
{
height: 44px;
border: 2px solid #ddd;
box-shadow: none;
outline: none;
}
 .Loginform ul li:nth-child(2) .form-control.red
{
border: 2px solid red;

}
 .Loginform ul li:nth-child(2) .form-control::-webkit-input-placeholder {
   color: #C3C1C1;
}

 .Loginform ul li:nth-child(2) .form-control:-moz-placeholder { /* Firefox 18- */
   color: #C3C1C1;  
}

 .Loginform ul li:nth-child(2) .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #C3C1C1;  
}

 .Loginform ul li:nth-child(2) .form-control:-ms-input-placeholder {  
   color: #C3C1C1;  
}

/* on alert time*/
 .Loginform ul li:nth-child(2) .form-control.red::-webkit-input-placeholder {
   color: red;
}

 .Loginform ul li:nth-child(2) .form-control.red:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

 .Loginform ul li:nth-child(2) .form-control.red::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

 .Loginform ul li:nth-child(2) .form-control.red:-ms-input-placeholder {  
   color: red;  
}
.Loginform .lgnftrtxt
{font-size: 17px;
    color: #B1B1B1;}


.Loginform ul li:nth-child(2) .form-control:focus
{    
    border-color: #66afe9;
    box-shadow: 0 0 2px #66afe9;
    
}

 .Loginform ul li:nth-child(2) .form-control.Eml
{
    background-image: url(../Images/email.png);
    background-repeat: no-repeat;
    background-position: 236px;
    background-size: 21px 25px;
}

 .Loginform ul li:nth-child(2) .form-control.pass
{
    background-image: url(../Images/pass.png);
    background-repeat: no-repeat;
    background-position: 236px;
    background-size: 21px 22px;
}
 .Loginform ul li:nth-child(2) .form-control.send
{
    box-shadow: none;
    background: #549BD4;
    color: #fff;
    border: 1px solid #72ABD8;
    font-size: 17px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    
}
 .Loginform ul li:nth-child(2) .form-control.send:hover, .Loginform ul li:nth-child(2) .form-control.send:focus
{
background: #438DC7;
}

.form-signin .form-signin-heading,
/* Line added by Aidyl 18/12/2014 */
.form-signin .form-signin-logo, 
.form-signin .form-control, 
.form-signin input[type="submit"],
/* END 18/12/2014 */
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 35px 10px 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Added by Aidyl 18/12/2014 */
.form-signin .form-signin-logo {
  max-width: 300px;
}

.form-signin .form-signin-heading {
  text-align: center;
}

.form-signin input[type="checkbox"] {
  margin-right: 5px;
}
/* END 18/12/2014 */

.input-validation-error{ border-color: red;}
.validation-summary-errors > ul > li{color: red;}

/* ADDED BY AT 17/08/2015 */
#logopanel {
    position: relative;
    top: -350px;
    margin-left: auto;
    margin-right: auto;
}
#logo {
    font-family: 'Alice'; 
    font-size:72pt; 
    color: #dcf2e7;
    height: 120px;
}

#logo-mobile { 
    display: none;
}

#logodesc {
    font-size:28pt; 
    color: #004E63;
    text-align: left;
    padding-left: 11%;
    padding-right: 11%;
}

@media (max-width: 768px) {
    body {
        /*background-image:none;*/
    }

    .Loginform {
        background-image: url("../../Images/Login_BGPattern.PNG");
        background-size:cover;
        margin-left: -150px;
    }

    .Loginform, .Loginform ul {
        width: 300px;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .Loginform ul li:nth-child(1) img, .Loginform ul li:nth-child(1) {
        display: none;
    }

    .Loginform ul li:nth-child(2) {
        border: none;
        background: none;
        padding-top: 5%;
    }

    .Loginform .lgnftrtxt {
        font-size: 10pt;
        color: #B1B1B1;
    }

    #logo-mobile { 
        font-family: 'Alice'; 
        font-size:72pt; 
        color: #dcf2e7;
        height: 120px;
        display: block;
    }
}

/* END 17/082015 */