html, body {
  height: 100%;
  margin: 0;
}
.footer,
.push {
  height: 50px;
}

#the-footer {
	bottom: 0px;
}

.client-panel{
	margin-top: 20px;
	padding-top: 100px;
}

.billableButtons{
	margin-top: 10px;
}

.btn-round-lg{
border-radius: 22.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.hb-container{
	margin-top: 20px;
	border-radius: 25px;
    padding: 20px;
    background-color: white;
    min-height: 100%;
}

.btn-jolly-gray{
	background-color: #D1D1D1;
}

.jb-login-container{
	margin-top: 20px;
	border-radius: 25px;
    padding: 20px;
    background-color: white;
    max-width: 600px;
}

.hb-error-padding{
	padding-top: 0px;
	padding-bottom: 0px;
}

.hb-big-checkbox {
	width: 20px; height: 20px;
	float: right;
}

.hb-invoice-note {
	font-size: 20px;
}

.hb-logo{
	margin-left: 20px;
	margin-top: 20px;	
}

.nav-tab-parent-color{
  background-color:#eedfdf;
}

.disabled {
    pointer-events:none; //This makes it not clickable
    opacity:0.6;         //This grays it out to look disabled
}

@media only screen and (max-device-width: 480px) {
    .header-image{display:none;}
}

body {
    background-color: white;
}

.pay-print-trash {
	top: 7px;
	padding: 10px;
	font-size: 1.5em;
}

.edit-trash {
	padding: 10px;
	margin-left: 10px;
	font-size: 1.5em;
}

.archive-trash {
	padding: 10px;
	margin-left: 10px;
	font-size: 1.5em;
}