﻿/*10/05/2018 Login Page Design*/

.login-outer{ text-align:center;padding:4% 0 0;}
.login-box{ width:300px; border-radius:0 8px 8px 0; background:#fff; display:inline-block; vertical-align:top; margin-left:-2px; padding:50px 30px 20px;min-height:387px;
-webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);
box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);}
.login-inner{ text-align:left; color:#585857; border-top:1px solid #eeeeee;margin-top: 5px;}
.login-inner h3{ display:block; text-decoration: underline;}
.login-inner h2{ background:#f8f8f8; padding:2px 10px; border-radius:10px; font-size:16px; display:inline-block;margin:0 0 20px;}
.login-inner input[type=text],.login-inner input[type=password]{ width:60%; border-bottom:1px solid #eeeeee; padding:5px;}
.login-inner input{ border:none; border-bottom:1px solid #000;}

.login-content h3{ text-decoration:underline;}
.login-inner .btn-submit{margin:20px 15px 20px 0; border:1px solid #302f2f; color:#302f2f; font-size:14px; cursor:pointer;}
.login-inner a{ color:#302f2f;}

.login-content{width:550px; border-radius:8px 0 0 8px; background: url(../Content/images/background.jpg) no-repeat left top; display:inline-block; margin-right:-2px; padding:17.5px 30px; text-align:left;color:#fff;
min-height: 358px;
-webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);
box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.55);}
.login-content .btn-submit{margin:40px 0 17px; display:block;}
.btn-submit{ background:none; border:1px solid #fff; border-radius:5px; width:30%; padding:5px 10px; color:#fff; text-decoration:none;}
.nobg {
    background: none !important;
    padding: 0;
    border: none;
    color: #fff;
}

.login-box2 {
    padding: 37px 30px 17px 30px;
}

.btn.btn-submit{
    margin: 20px 15px 20px 0;
    border: 1px solid #302f2f;
    color: #302f2f;
    font-size: 14px;
    cursor: pointer;
}
.btn-submit.btn-primary {
        color: #333333;
        border:1px solid #fff;
        width:40%;
         -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
        background-color: #e6e6e6;
    }
.alert.alert-info {
    background: none;border:none; color:#fff; padding:0px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
        background-color: #e6e6e6;
}
legend {
  border-top: 1px solid #e5e5e5;
   border-bottom:none;
   margin-bottom: 0;
}
/*03/01/2018 Login Design*/