/*
 * ============================================================================================================
 * Frameworx Bootstrap Powered PHP MySQLi Framework V.2
 * Release Date: August 2014
 * Exclusive to CodeCanyon: http://codecanyon.net/item/frameworx-bootstrap-powered-php-mysqli-framework/5588440
 * Author: http://codecanyon.net/user/Luminary
 * Author URI: http://jenniferperrin.com
 * ============================================================================================================
 */
 
/*	Name		BG			Hover		Border
	-------		------		------		------
	Primary		428bca		357ebd		285e8e
	Info		5bc0de		39b3d7		46b8da
	Success		2dcb73		26ad62		229a57
	Warning		f39c12		cf850f		b37109
	Danger		df382c		be3025		a7231a
	Inverse		535a6c		474d5c		3c424e
	Highlight	df382c
*/

/* ==========================================
	Alert Notifications
   ========================================== */
.alertMsg {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 auto 20px;
    padding: 10px 20px;
    position: relative;
	max-width: 1600px;
	transition: background 0.5s ease 0s;
}
	.alertMsg:last-of-type { margin-bottom: 0; }
	.alertMsg i {
		font-size: 18px;
		margin-right: 10px;
	}

.alertMsg .alert-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAXElEQVR4XnXPsQ1AIQgE0KsYAWf6NDoClfuP8CGAFEY63sUcwobwgVHDtlHwxIaCk9W26ZEY74iccxP0Ag3u96Pg8HDO6Oau7K6bO3qXv88lrKzsM1b9XYIzEucf0sMh9ZVCt9gAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    opacity: 0.4;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999px;
    top: 15px;
    width: 12px;
}
	.alertMsg .alert-close:hover { opacity: 1; }

.alertMsg.default {
    background-color: #fcfcfc;
    border: 1px #dcdcdc solid;
    color: #535a6c;
}
	.alertMsg.default:hover { background-color: #ffffff; }
.alertMsg.primary {
    background-color: #428bca;
    border: 1px #428bca solid;
    color: #ffffff;
}
	.alertMsg.primary:hover { background-color: #3775aa; }
.alertMsg.info {
    background-color: #5bc0de;
    border: 1px #5bc0de solid;
    color: #ffffff;
}
	.alertMsg.info:hover { background-color: #4ca1bb; }
.alertMsg.success {
    background-color: #2dcb73;
    border: 1px #2dcb73 solid;
    color: #ffffff;
}
	.alertMsg.success:hover { background-color: #26ab61; }
.alertMsg.warning {
    background-color: #f39c12;
    border: 1px #f39c12 solid;
    color: #ffffff;
}
	.alertMsg.warning:hover { background-color: #cc830f; }
.alertMsg.danger {
    background-color: #df382c;
    border: 1px #df382c solid;
    color: #ffffff;
}
	.alertMsg.danger:hover { background-color: #bb2f25; }
.alertMsg.inverse {
    background-color: #535a6c;
    border: 1px #535a6c solid;
    color: #ffffff;
}
	.alertMsg.inverse:hover { background-color: #464c5b; }

/* ==========================================
	Responsive Tables
  ========================================== */
.rwd-table {
    background: transparent;
    color: #777777;
    border-radius: 0;
    overflow: hidden;
	margin: 0;
    width: 100%;
	font-size: 85%;
}

.rwd-table tr {
    border-color: #46627f;
	border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
	.rwd-table tr:first-child { border-top: 0; }

.rwd-table td { display: block; }
	.rwd-table td:first-child { padding-top: .5em; }
	.rwd-table td:last-child { padding-bottom: .5em; }
	.rwd-table td:before {
		content: attr(data-th)": ";
		font-weight: 400;
		width: 35%;
		display: inline-block;
	}

.rwd-table th { display: none; }

.rwd-table th, .rwd-table td {
    margin: .5em 1em;
	text-align: left;
}

	.rwd-table th, .rwd-table td:before { color: #444444; font-weight: 400; }
	.rwd-table th { background: #fbfbfb; border-top: 1px solid #dddddd; text-transform: uppercase; }
		.rwd-table th:first-child { border-left: 0; }
		.rwd-table th:last-child { text-align: right; border-right: 0; }

	.rwd-table td { background: #ffffff; }
		.rwd-table td:first-child { border-left: 0; }
		.rwd-table td:last-child { text-align: right; border-right: 0; }
		.rwd-table td i { margin-left: 4px; color: #999999; }
		.rwd-table td i.disabled { margin-left: 4px; color: #cccccc; }

	.rwd-table td span i.edit:hover { color: #f39c12; }
	.rwd-table td span i.reopen:hover { color: #00a65a; }
	.rwd-table td span i.remove:hover { color: #f56954; }
	.rwd-table td span i.print:hover { color: #3c8dbc; }

@media (min-width:768px) {
    .rwd-table th, .rwd-table td { padding: .25em .5em !important; }
		.rwd-table td:before { display: none; }
	.rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
		.rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
		.rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; }
}
@media (max-width:767px) {
	.rwd-table { margin-top: 20px; }
	.rwd-table td:last-child { text-align: left; }
}

/* ==========================================
	Info Lists Tables
  ========================================== */
table.infoTable {
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0 0 20px;
}

.infoTable td {
    font-size: 14px;
    padding: 4px 0 4px 10px;
}

.infoTable {
    display: table;
    width: 100%;
}
	.infoTable i {
		font-size: 14px;
		margin-right: 6px;
	}

.infoKey {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #dcdcdc;
    text-align: left;
    vertical-align: top;
    width: 30%;
	font-weight: 400;
}
	.infoKey.sm { width: 35px; }

.infoVal { text-align: left; border: 1px solid #dcdcdc; background: #ffffff; }
	.infoVal span {
		color: #888888;
		margin-left: 10px;
		margin-right: 6px;
	}

.infoVal.highlight {
    color: #cc3d3d;
    font-weight: 400;
}

@media (max-width:767px) {
	.infoTable td i { display: none; }
}

/* ==========================================
	Search Field/Results
   ========================================== */
.btn-search {
    background-color: #3498db !important;
    border-color: #2c8ccf !important;
    color: #ffffff !important;
	border-left: 0 !important;
}
	.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open .dropdown-toggle.btn-search {
		background-color: #2c8ccf !important;
		border-color: #2c8ccf !important;
		color: #ffffff !important;
	}
	
.form-search {
	background-color: #3498db !important;
	border: 2px solid #2c8ccf !important;
	color: #ffffff !important;
	border-right: 0 !important;
}
	.form-search:hover, .form-search:focus {
		background-color: #2c8ccf !important;
	}
	.form-search::-webkit-input-placeholder { color: #cccccc; }
	.form-search:-moz-placeholder { color: #cccccc;}
	.form-search::-moz-placeholder { color: #cccccc;}
	.form-search:-ms-input-placeholder { color: #cccccc; }

.search-box {
	margin-bottom: 10px;
	padding: 5px 0 15px;
	border-bottom: 1px solid #dcdcdc;
}
	.search-box:last-of-type { margin-bottom: 0 !important; border-bottom: 0; }
	.search-box .icon {
		color: #dcdcdc;
		font-size: 70px;
		line-height: 50px;
		margin-left: 5px;;
	}
		.search-box .icon:hover {
			color: #90a6c5;
			color: rgba(144, 166, 197, 0.5);
			text-decoration: none;
		}
		
.section-box h4 {
	margin: 0;
	padding: 4px 0 0 0;
	font-weight: 400;
	background: transparent;
	border-bottom: 0;
	color: #535a6c;
}
	.section-box h4 a { color: #428bca; }
	.section-box h4 span {
		font-size: 15px;
		font-weight: 300;
		font-family: 'Open Sans', Arial, sans-serif;
		color: #999999;
	}
.section-box p { font-size: 16px; }
	
.memberSince { color: #999999; font-size: 14px; }
	.memberSince i { color: #999999; font-size: 18px; }

.avatarSearch {
	max-height: 100%;
	max-width: 100%;
}

/* ==========================================
	Public Profile
   ========================================== */
.profileBox {
    background: #ffffff;
    overflow: hidden;
    margin: 20px 0;
    position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.cover {
	background: url("../images/bg-profile.png") repeat scroll 0 0 #232323;
    height: 110px;
    border-bottom: 5px solid #3498db;
    position: relative;
    -webkit-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
       -moz-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
			box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
}
.cover .avatar {
    position: absolute;
    background: #ffffff;
    border: 5px solid #232323;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
       -moz-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
			box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
}
	.publicAvatar { padding: 5px; height: 140px; width: 140px; }

.profileBody {
    padding: 95px 10px 10px;
    text-align: center;
}
	.userProfBody {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

.profileBody h1 {
    color: #535a6c;
    font-size: 30px;
	font-weight: 300;
    margin-bottom: -3px;
	border: 0;
}
.profileBody h4 {
    margin-bottom: 0;
	border: 0;
	color: #428bca;
}
.profileBody p {
	text-align: center;
	margin: 0 0 10px;
}
.profileComments {
	height: 90px !important;
	min-height: 90px !important;
}

blockquote {
    border-left: 0;
    font-size: 18px;
	text-align: center;
    margin: 0;
    padding: 0;
	color: #535a6c;
}
.icon-quote {
    color: #cccccc;
    padding: 0 6px;
}

.myProfileAvatar {
	background: none repeat scroll 0 0 #ffffff;
	border: 2px solid #dcdcdc;
	max-height: 90px;
	max-width: 90px;
	padding: 4px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* ==========================================
	Metro'Con Social Icons
	http://codecanyon.net/item/metrocon-metro-styled-social-and-link-type-icons/4211708
	Seventy Seven Total icons, 4 color versions available and three classes of styles.
   ========================================== */
.metroCon30 {
	min-height: 30px;
	font-size: 0;
}
.metroCon40 {
	min-height: 40px;
	font-size: 0;
}

.metroIcons30, .metroIcons40 {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.metroIcons30 li, .metroIcons40 li {
	display: inline-block;
	margin: 2px;
	padding: 0;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
	.metroIcons30 li:hover, .metroIcons40 li:hover {
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
	.metroIcons30 li a {
		display: block;
		text-indent: -9999;
		height: 30px;
		width: 30px;
	}
	.metroIcons40 li a {
		display: block;
		text-indent: -9999;
		height: 40px;
		width: 40px;
	}
.metroIcons40 li.twitter { background-image:url(../images/icons/twitter.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.twitter:hover { background-position: 0 -40px; }
.metroIcons30 li.twitter { background-image:url(../images/icons/twitter-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.twitter:hover { background-position: 0 -30px; }

.metroIcons40 li.facebook { background-image:url(../images/icons/facebook.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.facebook:hover { background-position: 0 -40px; }
.metroIcons30 li.facebook { background-image:url(../images/icons/facebook-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.facebook:hover { background-position: 0 -30px; }

.metroIcons40 li.forrst { background-image:url(../images/icons/forrst.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.forrst:hover { background-position: 0 -40px; }
.metroIcons30 li.forrst { background-image:url(../images/icons/forrst-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.forrst:hover { background-position: 0 -30px; }

.metroIcons40 li.linkedin { background-image:url(../images/icons/linkedin.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.linkedin:hover { background-position: 0 -40px; }
.metroIcons30 li.linkedin { background-image:url(../images/icons/linkedin-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.linkedin:hover { background-position: 0 -30px; }

.metroIcons40 li.googleplus { background-image:url(../images/icons/google.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.googleplus:hover { background-position: 0 -40px; }
.metroIcons30 li.googleplus { background-image:url(../images/icons/google-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.googleplus:hover { background-position: 0 -30px; }

.metroIcons40 li.behance { background-image:url(../images/icons/behance.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.behance:hover { background-position: 0 -40px; }
.metroIcons30 li.behance { background-image:url(../images/icons/behance-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.behance:hover { background-position: 0 -30px; }

.metroIcons40 li.devient { background-image:url(../images/icons/devient.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.devient:hover { background-position: 0 -40px; }
.metroIcons30 li.devient { background-image:url(../images/icons/devient-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.devient:hover { background-position: 0 -30px; }

.metroIcons40 li.digg { background-image:url(../images/icons/digg.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.digg:hover { background-position: 0 -40px; }
.metroIcons30 li.digg { background-image:url(../images/icons/digg-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.digg:hover { background-position: 0 -30px; }

.metroIcons40 li.dribble { background-image:url(../images/icons/dribble.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.dribble:hover { background-position: 0 -40px; }
.metroIcons30 li.dribble { background-image:url(../images/icons/dribble-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.dribble:hover { background-position: 0 -30px; }

.metroIcons40 li.myspace { background-image:url(../images/icons/myspace.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.myspace:hover { background-position: 0 -40px; }
.metroIcons30 li.myspace { background-image:url(../images/icons/myspace-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.myspace:hover { background-position: 0 -30px; }

.metroIcons40 li.flickr { background-image:url(../images/icons/flickr.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.flickr:hover { background-position: 0 -40px; }
.metroIcons30 li.flickr { background-image:url(../images/icons/flickr-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.flickr:hover { background-position: 0 -30px; }

.metroIcons40 li.youtube { background-image:url(../images/icons/youtube.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.youtube:hover { background-position: 0 -40px; }
.metroIcons30 li.youtube { background-image:url(../images/icons/youtube-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.youtube:hover { background-position: 0 -30px; }

.metroIcons40 li.vimeo { background-image:url(../images/icons/vimeo.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.vimeo:hover { background-position: 0 -40px; }
.metroIcons30 li.vimeo { background-image:url(../images/icons/vimeo-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.vimeo:hover { background-position: 0 -30px; }

.metroIcons40 li.github { background-image:url(../images/icons/github.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.github:hover { background-position: 0 -40px; }
.metroIcons30 li.github { background-image:url(../images/icons/github-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.github:hover { background-position: 0 -30px; }

.metroIcons40 li.tumblr { background-image:url(../images/icons/tumblr.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.tumblr:hover { background-position: 0 -40px; }
.metroIcons30 li.tumblr { background-image:url(../images/icons/tumblr-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.tumblr:hover { background-position: 0 -30px; }

.metroIcons40 li.jsfiddle { background-image:url(../images/icons/jsfiddle.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.jsfiddle:hover { background-position: 0 -40px; }
.metroIcons30 li.jsfiddle { background-image:url(../images/icons/jsfiddle-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.jsfiddle:hover { background-position: 0 -30px; }

.metroIcons40 li.codepen { background-image:url(../images/icons/codepen.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons40 li.codepen:hover { background-position: 0 -40px; }
.metroIcons30 li.codepen { background-image:url(../images/icons/codepen-sm.png); background-repeat: no-repeat; background-position: 0 0px; }
	.metroIcons30 li.codepen:hover { background-position: 0 -30px; }

/* ==========================================
	Dashboard Boxes
  ========================================== */
.small-box {
    border-radius: 0;
	border: 1px solid #dcdcdc;
    display: block;
    margin-bottom: 0;
    position: relative;
	background: #ffffff;
}

.small-box > .inner { padding: 10px 20px; }

.small-box > .small-box-footer {
	background-color: #799abd;
	background-color: rgba(87, 129, 172, 0.8);
    color: #fff;
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

	.small-box > .small-box-footer:hover {
		background-color: #5781ac;
		background-color: rgba(87, 129, 172, 1);
		color: #fff;
	}

.small-box h3 {
    font-weight: 300;
	font-size: 38px;
	color: #e96f50;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap;
	border: 0;
	background: transparent;
}

.small-box p {
    font-size: 14px;
    font-weight: 400;
	margin-bottom: 0;
}
	.small-box p span.clock-status {
		font-family: 'Raleway', sans-serif;
		font-size: 20px;
		color: #5781ac;
		margin-top: 0;
	}

.small-box .icon {
    bottom: 20%;
    color: #c7d2e2;
	color: rgba(144, 166, 197, 0.2);
    font-size: 50px;
    position: absolute;
    right: 30px;
    top: auto;
    z-index: 0;
}
	.small-box .icon:hover {
		color: #90a6c5;
		color: rgba(144, 166, 197, 0.5);
		text-decoration: none;
	}

@media screen and (max-width: 480px) {
	.small-box { text-align: center; }
	.small-box .icon { display: none; }
	.small-box p { font-size: 14px; }
}

/* ==========================================
	Pagination
  ========================================== */
.pagination {
    clear: both;
	display: inline-block;
    padding: 0;
	margin: 20px 0 0;
	border-radius: 0;
}
.pagination a {
    background-color: #f8f8f8;
    border: 1px #cccccc solid;
    color: #7d7d7d;
    font-size: 12px;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
	margin: 2px;
}
.pagination a:hover, .pagination a:active {
    background: #ebebeb;
	border-color: #adadad;
	color: #ed8151;
}
.pagination span.current {
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
    color: #333333;
    font-size: 12px;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
	margin: 2px;
}
.pagination span.disabled {
    border: 1px solid #eeeeee;
    color: #999999;
    font-size: 12px;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
	margin: 2px;
}

/* ==========================================
	Login
   ========================================== */
.loginCont { margin: 20px auto 0; background-color:#ffffff;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.7);border:1px solid #ddd;}


.login {
	padding: 10px 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.login .input-group span { background-color: #cccccc; min-width: 40px; color: #535a6c; }
	.login .input-group input {
		background-color: #ffffff;
		font-weight: 300;
	}

.login .input-group-addon {
	top: 0px;
	border-top: 2px solid #cccccc;
	border-right: none;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
}
.login .form-control { border-left: none; }
	.login .form-control:hover {
	  border-color: #cccccc;
	  outline: 0;
	  -webkit-box-shadow: none;
			  box-shadow: none;
	  transition: border-color 0.5s ease-in-out;
	}
	.login .form-control:focus {
	  border-color: #bcbcbc;
	  outline: 0;
	  -webkit-box-shadow: none;
			  box-shadow: none;
	  transition: border-color 0.5s ease-in-out;
	}

.login h2 {
    border: medium none;
    font-size: 24px;
    font-weight: 300;
    margin: 5px 0 15px;
	letter-spacing: .06em;
}

.login p {
	font-weight: 300;
	margin-bottom: 0;
	margin: 20px 0 10px;
}
	.login p a {
		font-weight: 300;
		color: #428bca;
		text-decoration: none;
	}
	.login p a:hover { color: #008cba; }

.login small { margin: 10px 0 10px 0; }
	.login small a {
		color: #428bca;
		text-decoration: none;
		font-size: 14px;
		font-weight: 300;
	}
	.login small a:hover { color: #008cba; }
	.login small a i { margin-right: 2px; color: #999999; }

.login button {
	width: 100%;
	font-weight: 300;
}
.btn.btn-login {
	background-color: #dcdcdc;
	color: #535a6c;
	border-color: #cccccc;
	border-bottom-color: #cccccc;
	transition: background 0.75s ease 0s;
}
.btn.btn-login:hover, .btn.btn-login:active, .btn.btn-login.hover {
	background-color: #f0f0f0 !important;
	color: #3c424e !important;
	border-color: #cccccc !important;
	border-bottom-color: #cccccc !important;
}