body > .container-fluid {
   padding-left: 3.5rem;
   padding-right: 3.5rem;
}

hr {
	border-top: 0.1rem solid #CED0D3;
}

a, .btn-link {
	font-size: 1.9rem;
	color: #2B51A3;
}

/* Change color of links in .list-groups back to blue */
a.list-group-item {
	color: rgb(51, 122, 183);
}

.page-header {
	margin-top: 1rem;
}

.text-warning {
	color: rgb(255, 183, 93);
}

/* Popovers */
.popover {
	z-index: 1051;
}

.popover-title {
	color: black;
	font-size: 1.5rem;
	font-weight: bold;
}

.popover-content {
	color: black;
	font-size: 1.2rem;
	font-weight: normal;
}

/* Navbars */
.navbar {
	border: 0;
}

.navbar-brand {
	font-size: 2.5em;
	text-decoration: none;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
	color: white;
}

/*Alerts*/
.alert {
	font-size: 1.9rem;
	position: relative;
	padding: 1rem 3rem;
	margin-bottom: 1.6rem;
	border: .1rem solid transparent;
	border-radius: 0.4rem;
}

.alert h4 { /* h4s inside alerts */
	margin-top: 0;
	color: inherit;
}

.alert .alert-link {
	font-weight: bold;
}

.alert > p, .alert > ul {
	margin-bottom: 0;
}

.alert > p + p {
	margin-top: .5rem;
}

.alert-dismissable, .alert-dismissible {
	padding-right: 3.5rem;
}

.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -.2rem;
	right: -2.1rem;
	color: inherit;
}

.alert-success {
	color: #FFFFFF;
	background-color: #04844B;
	border-color: none;
}

.alert-success hr {
	border-top-color: none;
}

.alert-success .alert-link {
	color: #000000;
}

.alert-info {
	color: white;
	background-color: #0070D2;
	border-color: none;
}

.alert-info hr {
	border-top-color: none;
}

.alert-info .alert-link {
	color: #000000;
}

.alert-muted{
	text-align: left !important;
	background-color: #F4F6F9;
	border: .1rem solid #f6f6f6;
	color: #acadaf;
	font-size: 1.9rem;
	padding: 1.6rem;
}

.alert-warning {
	color: #000000;
	background-color: #FFB75D;
	border-color: none;
}

.alert-warning hr {
	border-top-color: none;
}

.alert-warning .alert-link {
	color: none;
}

.alert-danger {
	color: #FFFFFF;
	background-color: #C23934;
	border-color: none;
}

.alert-danger hr {
	border-top-color: none;
}

.alert-danger .alert-link {
	color: #ffffff;
}

@media (max-width: 30rem) {
	.alert > div > button  {
		display: inline;
		float: center!important;
	}
}

/* Brand Button - DEFAULT */
.btn {
	font-size: 1.6rem;
	border-radius: .4rem;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: .025rem;
}

.btn-sm {
	font-size: 1.4rem;
}

.btn-xs {
	font-size: 1.2rem;
}

.btn-primary {
	background-color: #2B51A3;
	border-color: #2B51A3;
	color: #ffffff;
	min-width: 16rem;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-success {
	background: #04844B;
	color: #ffffff;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-warning {
	background-color: #FFB75D;
	color: black;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-danger {
	background-color: #C23934;
	color: #ffffff;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-default {
	border: .1rem solid #CED0D3;
	background-color: #FFFFFF;
	color: #2B51A3;
	min-width: 17.5rem;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}
.btn-cancel {
	border: .1rem solid #CED0D3;
	background-color: #FFFFFF;
	color: #C23934;
	min-width: 17.5rem;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-info {
	background-color: #0070D2;
	color: #ffffff;
	box-shadow: 0 .1rem .5rem .1rem rgba(0,0,0,0.05);
}

.btn-lg {
	font-size: 1.8rem;
}

.btn-full {
	width:100%;
}

.btn:hover {
	background-color: #CED0D3;
	color: #2B51A3;
}

.btn-primary:hover {
	background: #1b3162;
	color: #ffffff;
	border-radius: .4rem;
}

.btn-success:hover {
  background: #005E25;
  color: #ffffff;
}

.btn-warning:hover {
  background-color: #D99137;
  color: black;
}

.btn-danger:hover {
  background-color: #9e2420;
  color: #ffffff;
}

.btn-default:hover {
  background-color: #CED0D3;
  color: #2B51A3;
}

.btn-cancel:hover {
	background-color: #9e2420;
	color: #ffffff;
}

.btn-info:hover {
  background-color: #1560a2;
  color: #ffffff;
}
.btn-margin-right {
	margin-right: 10px;
}

/* Button addons override */
div.input-group > span.input-group-btn > button {
	padding: .5rem 1.2rem;
}

div.input-group > span.input-group-btn > a {
	padding: .5rem 1.2rem;
}

@media (max-width: 991px) {
	.btn-default {
		min-width: 15rem;
	}

	.btn-primary {
		min-width: 15rem;
	}
}

/* Do not let Bootstrap align classes be overridden */
.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

/**
 * Improvements to the Bootstrap-Datepicker.
 *    - Remove decades and centuaries views, which for some reason is not an option:
 *      https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1226
 *    - Years view, show 10 years instead of 12 because the header is a 10-year daterange
 */
.datepicker-years .datepicker-switch {
	cursor: default;
	pointer-events: none;
}

.datepicker-years .year.old, .datepicker-years .year.new {
	display: none;
}

.text-info {
	color: #1A426E;
}

/* Modals*/
.modal-header {
	border-bottom: none;
}

/* Modals */
.modal-header > h2 {
	margin: 0;
}

.modal-body {
	max-height: 40rem;
	overflow-y: auto;
}

.modal-body textarea {
	resize: vertical;
}

.modal-dialog {
	overflow-y: initial !important;
	margin-top: 5rem;
}

/* Glyphicon Fixes */
.btn > .glyphicon {
	font-size: 1.2rem; /* Size glyphicons closer to text size */
	top: 0rem;
}

.btn-lg > .glyphicon {
	font-size: 1.6rem;  /* Size glyphicons closer to text size */
	top: .1rem;
}

.text-muted {
	color: #9B9B9B;
}

.text-muted > .glyphicon-chevron-right {
	font-size: 1.4rem; /* Used by Breadcrumbs */
}

/* Jumbotron */
.jumbotron {
	padding: 3.0rem !important;
}

/* Panels */
.panel-heading {
	color: rgb(51, 122, 183) !important;
	cursor: pointer;
}

.panel-default > .panel-heading {
	background-color: inherit;
}

/* Remove lines from Bootstrap's .table */
.table-no-border > thead > tr > th,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > tbody > tr > td,
.table-no-border > tfoot > tr > td {
	border-style: hidden;
}

.table-hover:hover {
	cursor: pointer;
}

/**
 * Apply on phone sized screens only ------------------------------------------
 */
@media (max-width: 48rem) {
	/* Top Navbars, Star Ratings, mainContent - Remove padding when on small screen */
	body > .container-fluid {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}