.wrapper::after {
    clear: both;
}
.wrapper::before, .wrapper::after {
    content: " ";
    display: table;
}
*::after, *::before {
    box-sizing: border-box;
}
.dark-header {
    background: #f2f0f1 none repeat scroll 0 0;
}
.wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

a, a:hover {text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
input,
button {
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
.btn-grps .pink-btn:hover {
    background: #fff none repeat scroll 0 0 !important;
    color: #303030 !important;
}
.btn-grps {
    margin-right: 15px;
    margin-top: 19px;
}
.pink-btn {
    background: #428bca none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 2px 0 #428bca;
    color: #fff;
    font-size: 18px;
    height: 48px;
    padding: 0 35px;
}
.btn-grps .dark-btn {
    background: #565656 none repeat scroll 0 0;
    box-shadow: 0 2px 0 #4b4b4b;
}
.btn-grps .pink-btn {
    display: inline-block;
    height: 51px;
    line-height: 51px;
    margin-left: 17px;
}

.main-menu {
	background-color:#428bca;	
}

.dropdown ul.nav li a {
	color:#fff;

}

.dropdown ul.nav li a:hover {
	color:#428bca;

}

h1 a.navbar-brand {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	text-shadow: none;
	margin-bottom: 10px;
	margin-top:-10px;
}
.nav-pills  {
    float: right;
	font-weight:800;
	color:#000;
}
ul.nav-pills  {
	margin-top:10px;
	color:#fff;
	padding:5px;
}

.nav-pills > li > a {
  border-radius: 0px;
}
.nav-pills > li + li {
  margin-left: 7px;
}
.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #428bca;
  background-color: #bee087
}
.nav-pills > li > a{
	background-color: #428bca;
}

.nav-pills > li > a:focus {
	background-color: #428bca;
}
a:link { color: #428bca; text-decoration: none}
a:visited { color: #fff; text-decoration: none}
a:hover { color: #bee087; text-decoration: none}
a:active { color: #428bca; text-decoration: none}

/* Login Page */
.btn-grps .pink-btn {height: 51px;display: inline-block;line-height: 51px;margin-left: 17px;}
.btn-grps .pink-btn:hover{background: #fff !important; color: #303030 !important;}
.btn-grps .dark-btn{background: #565656; box-shadow:0 2px 0 #4b4b4b; }
.btn-grps {margin-top: 13px;margin-right: 15px;}
.login-middle {vertical-align: middle;display: table-cell;height: 80vh;}
.login-details label {width: 100%;margin-bottom: 20px;}
input:focus, input:hover{outline: none;}
.login-details input[type="text"], .login-details input[type="password"] {width: 100%;padding-left: 10px;background: #f4f4f4;height: 40px;border: 1px solid #d5d5d5;border-radius: 5px;font-weight: 600;}
.login-details h2 {font-size: 25px;margin: 0;padding-bottom: 30px;}
.login-details span {margin-left: 15px;vertical-align: top;font-weight: 400;font-size: 14px;}
.btn-sub span a, .btn-sub span a:hover{color: #000; font-size: 15px;}
.btn-sub button {border-bottom: 2px solid #428bca;box-shadow: none;border-radius: 3px; width: 145px;}
.btn-sub button:hover{background:#bee087; border-radius: 3px; box-shadow: none;}
.login-details {max-width: 30%;margin: 0 auto;background: #fff;padding: 35px;border-radius: 7px; box-shadow: 0 0 7px rgba(0,0,0,0.1);}
.login-inner {height: 100%;display: table;width: 100%;}
.btn-sub span{margin-left: 25px;}



.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

 @media (max-width:767px) {
/*KK*/
.login-middle {display: block;height: auto;padding: 15px;}
.login-details {max-width: 100%;margin: 0 auto;background: #fff;padding: 0pxx;border-radius: 7px; box-shadow: 0 0 7px rgba(0,0,0,0.1);}
.dark-header header {position: relative;}
.btn-grps .pink-btn {height: 35px;display: inline-block;line-height: 35px;margin-left: 15px;max-width: 200px;display: block;text-align: center;margin:0px auto 13px}
.btn-grps {float: left !Important;width: 100%;}
.btn-sub span {text-align: left;display: block;margin-left: 0;margin-top: 15px;}
}