/* pad dropdown to accommodate user avatar */
.dropdown-toggle {
	padding-left: 50px !important;
}

.container-fluid{
    max-width: inherit;
  }

form .row{
	margin: 0px;
}
label{
	font-weight: bold;
	padding: 0px !important;
}
.checkbox{
	padding: 0px !important;
}

/* style user avatar */
.dropdown-toggle img.avatar {
	border-radius: 5000px;
	max-height: 28px;
	margin-top: -14px;
	left: 10px;
	top: 50%;
	position: absolute;
}

/* reapply text align in tables */
table .text-end {
	text-align: right !important;
}
table .text-start {
	text-align: left !important;
}

/* margin on bottom of charts on campaign page */
.linechart {
	margin-bottom: 10px;
}

/* login screen */
body.login {
	padding: 0;
}

/* big red section left of login */
.login-left {
	background: #880b0b; /* Old browsers */
	background: -moz-linear-gradient(top, #880b0b 0%, #5a0b10 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #880b0b 0%,#5a0b10 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #880b0b 0%,#5a0b10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880b0b', endColorstr='#5a0b10',GradientType=0 ); /* IE6-9 */
	padding: 40px 0 20px;
}
.login-left img {
	max-width: 280px;
	margin-bottom: 10px;
	width: 60%;
}

/* nav pills at bottom of left side of login scren */
.login-left .nav-pills {
	width: 100%;
}
.login-left .nav-pills li {
	display: inline-block;
	float: none;
}
.login-left .nav-pills li a {
	color: #fff;
}
.login-left .nav-pills li a:hover {
	background-color: rgba(0,0,0,0.15);
}

.login-right .card {
	padding-left: 10%;
	padding-right: 10%;
}

.tab-content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.terms {
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: white;
	padding: 20px;
	overflow: scroll;
	max-height: 300px;
}
.card{
	border: none;
	background-color: transparent;
}
a{
	text-decoration: none;
}

/* screens bigger than boostrap md */
@media (min-width: 992px) and (min-height: 300px) {
	.login-left {
		padding-top: 120px;
		min-height: 100vh; /* make column fill height of viewport */
	}
	.login-left .nav-pills {
		position: absolute; /* position footer links to bottom of column */
		bottom: 40px;
	}
	.login-left img {
		max-width: 100%;
	}
	.login-right {
		padding-top: 120px;
		min-height: 100vh; /* make column fill height of viewport */
	}
}