body {
  color: #000000;
}

/* -- A.R.E. Parallelogram Buttons  -- */

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:active:focus {
background-color: #00569F;}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
background-color: #007AE2;}


.btn-are:hover,
.btn-are {
	color:#FFFFFF !important;
	background-color:#0069ad;
}
.btn-are:hover {
	background-color:#327bb4;
	color:#FFFFFF !important;
}


.btn-black:hover,
.btn-black {
	color:#FFFFFF !important;
	background-color:#000000;
}
.btn-black:hover {
	background-color:#2a2a2a;
}


.btn-gray:hover,
.btn-gray {
	color:#FFFFFF !important;
	background-color:#717171;
}
.btn-gray:hover {
	background-color:#9e9e9e;
}


.parallelogram {
  transform: skew(-15deg);
}

.skew-fix {
  display:inline-block;
  transform: skew(15deg);
}

.btn {
   border-radius: 0px!important;
   -webkit-border-radius: 0px!important;
   -moz-border-radius: 0px!important;	
}

.are_button {
  font-weight:500;
  color:#FFFFFF;
  
}

.btn, .btn:hover {
	border: 0;
	padding: 0px 18px;
	margin-bottom:3px;
	border:rgba(255,255,255,0) 1px solid;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

.btn.notransition {
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
		 -o-transition: all 0s;
			transition: all 0s;
}

.btn:active,
.btn:focus,
.btn.active {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.btn.disabled {
	background-color: #999;
	border: #bbb 1px solid;
}

.btn-default,
.btn-default:hover,
.btn-default.active {
	background:transparent;
	border:rgba(0,0,0,0.2) 1px solid;
	padding: 0px 18px;
}