.skin-red .main-header .navbar {
    background: none;
}
.skin-red .main-header .logo,
.skin-red .main-header .logo:hover {
    background-color: #FFF;
}
.btn-create-btn {
    margin-bottom: 20px;
}
#loadingDiv{
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    background-image:url('../images/preloader.gif');
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background-size: 10%;
}
#loadingDivajax{
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0);
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background-size: 10%;
}
.login-box img {
    margin: 0 auto;
}

.form-control {
    color: #363636;
    background-color: #FFF;
    border: 1px solid #CCC;
     border-radius: 5px;
}
.form-control:focus {
    color: #363636;
    background-color: #FFF;
    border: 1px solid #63f5b2;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.reason{color:#008d4c;}
@media screen and (min-width: 320px) and (max-width: 480px)  {
.nav>li>a {
    padding: 15px 5px;
    font-size: 12px;
}
}


@media screen and (max-width: 767px) {
    #logoresponsive {height: 70px !important;}
    #main-header{max-height: 120px !important;}
    
}
#logoresponsive{
    position: relative;
    z-index: 9999;
}