.login-view{
    margin-top:50px;
}
.header1{
    display:none;
}
body .header .logo1{
    display:none;
}
.bg-black {
    background-color: #999 !important;
}
.btn-width{
    width:90px;
}
.outer-box{
    margin:0 auto ;
    width:480px;
}
.form-box{
    width:480px;
    height:363px;
    margin:0;
}
#login-box{
    width:240px;    
    float:right;
    height:393px;
}
#login-box #login_form{
    height:316px;
    overflow:hidden;
}
#login_form .footer{
    padding-top:14px;
    height:103px;
}
#login_form .form-group:last-child{
    margin-top:10px;
    margin-bottom:10px;
}
#baseInfo-box{
    float:left;
    width:240px;
    background:#3d9970;
    height:393px;
    border-top-left-radius: 4px;  
    border-bottom-left-radius: 4px;   
    color:#fff;
      
}
.clear{
    clear:both;
}
.form-box .header{
    background:#fff;
    border-top-left-radius: 0px;           
    color:#333;
    height:77px;
}
.form-box .footer{
    border-bottom-left-radius: 0px;
}
.baseInfo{
    padding-left: 50px;
    padding-top: 76px;
    height:286px;
}
#baseInfo-box .header{
    background:#3d9970;
    border-top-right-radius: 0;  
    color:#fff;
}
#hide_form .body{
   
    height:286px;
}
#otp_form{
    height:286px;
    overflow:hidden;
}
#change_password_form{
    height:286px;
    overflow:scroll;
}
#configure .form-control{
    width:auto;
    display:inline-block;
}
.form-box .header {
    background: #0062AC;
    color:#fff;
}
#otp_submit{
    background: #0062AC !important;
}
#idnewpswd_submit{
    background:#0062AC !important;
}
#btn-login, .btn.login_btn {
    background: #0062AC !important;
}
#btn-login-single, .btn.login_single_btn {
    background: #fff !important;
	color: #0E6BB0 !important;
	padding: 10px;
	box-shadow: inset 0px 0px 0px 0px #fff;
}
.form-box .footer .common-login {
	margin-top: 15px;
}
.single-login-error {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.single-login-alert-danger {
	padding: 6px !important;
}
#baseInfo-box{
    background:#0062AC;
}
#baseInfo-box .header{
    background:#0062AC;
}
#forgot-password {
    color: #0062AC
}

/* skin-blue navbar */
.skin-black .navbar {
    background: #0062AC;
}

.skin-black .navbar .nav a {
    color: rgba(255, 255, 255, 0.8);
}

.skin-black .navbar .nav>li>a:hover,
.skin-black .navbar .nav>li>a:active,
.skin-black .navbar .nav>li>a:focus,
.skin-black .navbar .nav .open>a,
.skin-black .navbar .nav .open>a:hover,
.skin-black .navbar .nav .open>a:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.skin-black .navbar .sidebar-toggle .icon-bar {
    background: rgba(255, 255, 255, 0.8);
}

.skin-black .navbar .sidebar-toggle:hover .icon-bar {
    background: #f6f6f6 !important;
}
.navbar-right > .nav > li > a:focus {
    color: #f6f6f6 !important;
}

/* skin-blue logo */
body .header .logo {
    height: 49px;
}

.skin-black .logo {
    background: #0062AC;
}

.skin-black .logo:hover {
    background: #0062AC;
}

/* skin-blue content header */
.skin-black .right-side>.content-header {
    background: #fbfbfb;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* Skin-blue user panel */
.skin-black .user-panel>.image>img {
    border: 1px solid #dfdfdf;
}

.skin-black .user-panel>.info {
    color: #555;
}

.skin-black .user-panel>.info>a {
    color: #555;
}

/* skin-blue sidebar */
.skin-black .sidebar {
    border-bottom: 1px solid #fff;
}

.skin-black .sidebar>.sidebar-menu>li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dbdbdb;
}

.skin-black .sidebar>.sidebar-menu>li:first-of-type {
    border-top: 1px solid #dbdbdb;
}

.skin-black .sidebar>.sidebar-menu>li:first-of-type>a {
    border-top: 1px solid #fff;
}

.skin-black .sidebar>.sidebar-menu>li>a {
    margin-right: 1px;
}

.skin-black .sidebar>.sidebar-menu>li>a:hover,
.skin-black .sidebar>.sidebar-menu>li.active>a {
    color: #222;
    background: #f9f9f9;
}

.skin-black .sidebar>.sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #f9f9f9;
}

.skin-black .left-side {
    background-color: rgba(0, 98, 172, 0.11);
    -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}

.skin-black .sidebar a {
    color: #555555;
}

.skin-black .sidebar a:hover {
    text-decoration: none;
}

.skin-black .treeview-menu>li>a {
    color: #777;
}

.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
    color: #111;
}

.skin-black .sidebar-form {
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    margin: 10px 10px;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    height: 35px;
}

.skin-black .sidebar-form input[type="text"] {
    color: #666;
    border-radius: 2px, 0, 2px, 0 !important;
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff;
}

.skin-black .sidebar-form .btn {
    color: #999;
    border-radius: 0, 2px, 0, 2px !important;
}