body
{
}

/*.Login
{
    background-color:#f7f7f7;  
    height:100%; 
    f4f8ff
}*/

.Login .form
{
    /*box-shadow: 0 0 20px #5c7277;*/
    margin-top: 100px;
    border-radius: 10px;
}

@media screen and (max-width:500px)
{
    .Login .form
    {
        margin-top: 50px;
    }
}

.Login .form .left
{
    background-color: #578a8e;    
}

.Login .form .left .row
{
    height:100%;
}

.Login .form .right
{
    padding: 0 15px;
    background-color: #40676b;
}

.Login .form img
{
    border-radius: 50%;
    border: 10px solid #fff;
    background-color: #fff;
    position: relative;
    top: 40%;
    vertical-align:middle;
}

@media screen and (max-width:500px)
{
    .Login .form img
    {        
        top: 10%;        
        overflow: hidden;
    }
}

.Login .form .left h3
{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 40%;
    vertical-align:middle;
    padding: 0 10px;
}

@media screen and (max-width:500px)
{
    .Login .form .left h3
    {
        top: 0;
        overflow: hidden;
    }
}

.Login .msg
{
    background-color: #fff;
    color: Red;
    font-size: 13px;
}

.Login .right h4
{
    background-color: transparent;
    color: #fff;
    width: 100%;
    padding: 5px;
    font-size: 25px;
}

.Login .form .right > div
{
    padding: 0 15px;
}

.Login .form ::-webkit-input-placeholder
{
    color: #ccc;
}

.Login .form .textField
{
    margin: 10px auto;
    border: 0;
    border-bottom: 1px solid #efefef;
    background: transparent;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    font-size: 13px;
    color: #fff;
}

.Login .form .textField:focus
{
    background:transparent;
}

.Login .form .btn-default
{
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 10px;
    margin: 10px auto;
    padding: 5px 20px;
    outline:none;
    -webkit-appearance: none;
}

.Login .form .btn-default:hover
{
    color: #40676b;
    background-color: #fff;
    border-color: #40676b;
}

.Login .form a
{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-left: 10px;
}

.reseller
{
    padding:20px;
}

.reseller a
{
    text-decoration:none;
    color:#666;
}

.reseller a li
{
    display:block;
    list-style-type:none;
    font-size:medium;
    font-weight:bolder;
}

.UserLink a
{
    padding-top:10px;
    text-decoration: none;
    color: #40676b;
    font-size:15px;
}

.dataFile
{
    padding:20px;
    font-size:medium;
}

.User .txtfield
{
    margin-bottom:5px;
    padding-left:5px;
    height:20px;
    font-size:13px;
    border:1px solid #999;
    outline:none;
    -webkit-appearance: none;
    color:#999;
}

.User .lblField
{
    color:#999;
}

.User .btn-default
{
    color:#fff;
    background-color:#40676b;
    padding:5px 10px;
    border:0;
}

.gvReseller
{
    margin:10px 0 0 30px;
}

.gridFooter
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background-color: #FDF7F8;
}

.gridHeader
{
    position:relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #1b94c6;
	font-size: 13px;
	font-weight: bold;
	background-color: #fafafa;    
	height:20px;
	text-align:center;
}

.gridRow
{
    background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

.gridSelectedRow
{
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-color: #F9FAE9;
	height: 20px;
	font-weight:bold;
	text-align: center;
}