/*!
 * Hub International - Password Manage Theme
 */
 
html{
	height:100%;
}
body {
	background-color: #eeeeee;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color:#212121;
	height: 100%;
}
.bodyWrapper {
    min-height: 100%;
    position: relative;
    display: flex;
    flex-flow: column;
}
.headerWrapper {
    padding: 0;
    flex: 0 1 0;
    position: relative;
    width: 100%;
}
.contentWrapper {
    padding-bottom: 40px;
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative;
    width: 100%;
}
.footerWrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    flex: 0 1 0;
}
a{
	color:#339EDC;
}
a:hover{
	opacity: 1;
	color:#339EDC;
	cursor:pointer;
	text-decoration: none;
}
a:focus{
	outline:none;
}
h1, h2, h3, h4 {
	margin-top: 30px;
	margin-bottom: 30px;
	line-height:1.5em;
	color: #212121;
	font-weight:300;
}
h5{
	font-weight:500;
	color: #212121;
	line-height: 1.5em;
}
b{
	font-weight: 500;
}
.no-paddingLeft {
	padding-left: 0;
}
.no-padding{
	padding: 0;
}
.no-margin{
	margin: 0;
}
.padding-top {
	padding-top: 20px;
}
.padding-bottom {
	padding-bottom: 20px;
}
.no-marginTop {
	margin-top: 0;
}
.no-marginBottom {
	margin-bottom: 0;
}
.border-top{
	border-top:1px solid #ccc;
}
.border-bottom{
	border-bottom:1px solid #ccc;
}
.border-right {
	border-right: 1px solid #CCC;
}
.margin-top{
	margin-top:20px;	
}
.margin-bottom{
	margin-bottom:20px;	
}

/*Navbar*/
.hub-navbar{
	box-shadow: none;
	border-bottom:1px solid #ccc;
	margin: 0;
	height: 70px;
	padding: 0;
	border-radius: 0;
}
.hub-navbar .navbar-brand{
	padding:10px;
	height:70px;
}
.hub-navbar .navbar-brand img {
	height: 50px;
	display: inline-block;
	margin-right: 5px;
}

/*Panels*/
.hub-content{
	padding-top:60px;
}
.panelBox .panel-content{
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	border-radius:2px;
	padding: 0;
	background: #fff;
	min-height: 390px;
	-webkit-transform: translateZ(0);
		transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
}
.panelBox a:hover .panel-content {
	box-shadow: 0 1px 10px rgba(0,0,0,.5);
	border-radius: 2px;
}
.panelBox h3 {
	margin-bottom: 0;
	color: #212121;
	font-weight: 500;
	min-height: auto;
}
.box{
	padding-left:0;
}
.pc-grey1-bg{
	background: #eee;
	border: none;
}
.pc-green2-bg{
	background:#88D69C;
	border:1px solid #88D69C;
}
.pc-cyan2-bg{
	background:#A6D5FA;
	border: 1px solid #A6D5FA;
}
.pc-yellow2-bg{
	background:#FFD885;
	border:1px solid  #FFD885;
}
.pc-panel-borderGrey{
	border:1px solid #b6b6b6;
	border-radius: 2px;
}
.pc-panel-borderGreen{
	border:1px solid #88D69C;
	border-radius: 2px;
}
.pc-panel-borderCyan{
	border: 1px solid #A6D5FA;
	border-radius: 2px;
}
.pc-panel-borderYellow{
	border:1px solid  #FFD885;
	border-radius: 2px;
}

/*Badges*/
.circular-badge {
	border-radius: 100%;
	height: 100px;
	width: 100px;
	display:block;
	margin: 0 auto;
	vertical-align: middle;
	background-color: #fff;
}
.circular-badge>img {
	width: 70%;
	margin-top: 15px;
}

/*Footer*/
footer {
	background: #212121;
	color: #fff;
	font-size: 14px;
	padding: 10px;
}