body {
color: #333333;
font-family: "Open Sans", sans-serif;
padding: 0px !important;
margin: 0px !important;
font-size: 13px;
direction: ltr;
outline:none;
}
*:focus {
    outline: 0 !important;
}
h3 {
font-size: 23px;
}
.login {

}
.login .logo {
margin: 30px auto 20px auto;
padding: 15px;
text-align: center;
}
    .login .logo h1 {
        font-size:28px;
        color:white;
    }
.login .content {
background-color: #fff;
width: 360px;
margin: 0 auto;
margin-bottom: 0px;
padding: 30px;
padding-top: 20px;
padding-bottom: 15px;
}
.login .content .login-form, .login .content .forget-form {
padding: 0px;
margin: 0px;
}
.login .content .form-title {
font-weight: 300;
margin-bottom: 25px;
}
.login .content h3 {
    font-family: "Open Sans", sans-serif;
color: #000;
margin-left:0px !important;
}
.form-group {
margin-bottom: 15px;
}
.control-label {
margin-top: 1px;
}
.visible-ie9 {
display: none;
}
label {
font-weight: 400;
font-size: 14px;
}
.login .content .input-icon {
border-left: 2px solid #D29931 !important;
}
.input-icon > i {
color: #ccc;
display: block;
position: absolute;
margin: 11px 2px 4px 10px;
z-index: 3;
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
}
.login .content .input-icon .form-control {
border-left: 0;
}
.input-icon > .form-control {
padding-left: 33px;
}
.form-control {
font-size: 14px;
font-weight: normal;
color: #333;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border-radius:0px;
width:90%;
}
.login .content .form-actions {
background-color: #fff;
clear: both;
border: 0px;
padding: 0px 25px 15px 30px;
margin-left: -30px;
margin-right: -30px;
border-radius: 0 !important;
overflow:auto;
}
.login .content .form-actions .checkbox {
margin-top: 8px;
display: inline-block;
margin-left: 0;
padding-left: 0;padding:0px;
}
.login .content .rememberme {
  
  margin-top: 10px;
  float:left
}
.login .content .check {
  color: #8290a3;
}



.green-haze.btn {
color: #FFFFFF;
background-color: #44b6ae;
border-radius:0px;
}
green-haze.btn:hover, .green-haze.btn:focus, .green-haze.btn:active, .green-haze.btn.active {
color: #FFFFFF;
background-color: #3a9c95;
}
.login .copyright {
  text-align: center;
  margin: 0 auto 30px 0;
  padding: 10px;
  color: #999;
  font-size: 13px;
}
.loader {
    margin: 0px; 
    padding: 0px; 
    position: fixed; 
    right: 0px;
    top: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: #666666; 
    z-index: 30001;
    opacity: .4;
    filter: alpha(opacity=70);
    display: none;
}

.position {
    position: absolute; 
    top: 30%; 
    left: 30%; 
    color: White;
}
.hide
{
    display:none;
}
.success {
background: #effeb9 url(../Images/icons/tick.png) no-repeat 15px center;
border: 1px solid #c1d779;
color: #3C5A01;
}
.failure {
background: #fccac1 url(../Images/icons/error.png) no-repeat 15px center;
border: 1px solid #e18b7c;
color: #AC260F;

}.note {
padding:0px !important;
box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
border-radius: 2px;
display: none;
margin-bottom: 10px;
}
 .note p {
font-size: 11px;
padding:  7px 10px 7px 54px !important;
margin: 0px;
color: #565656;
}
.error {    
    border: 1px solid #bf1515 !important;
}
.width600px
{
    width:600px !important;
}

.col-md-2
{
    width:27% !important;
    float:left
}
.col-md-10
{
    width:70% !important;
    float:left;
}
.btn {
font-size: 14px;
padding: 6px 13px;
  background-color: #D29931;
  border: 1px solid #D29931;
color:white;
}
.btn:hover
{
    cursor:pointer;
    background-color:#B68326;
}
.label_control
{
    padding-top: 7px;
color: #444;
font-weight:bold;
}
.col-md-10 label
{
    padding-right: 20px;
padding-top: 7px;
}
select {
font-size: 13px;
font-weight: normal;
color: #333;
padding: 6px 12px;
outline: none;
border: 1px solid #e5e5e5;
}
.width65 {
    width:65%;
}

body .separator {
    float: left;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0) -webkit-gradient(linear, right top, left top, from(#20dc86), color-stop(31%, #2196f3), color-stop(56%, #d29931), to(#f44336)) 0% 0% no-repeat padding-box;
    background: rgba(0,0,0,0) linear-gradient(270deg, #20dc86 0%, #2196f3 31%, #d29931 56%, #f44336 100%) 0% 0% no-repeat padding-box;
    margin: 0 auto;
}

.m-0 {
    margin: 0 !important;
}

.separator {
    position: relative;
    display: block;
    height: 1px;
    background-color: #eaeaea;
    margin: 10px 0;
}