html, body {
	background-color: #4D4D4D;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
/* ------------- RYAN'S ADDITIONS ----------------- */
/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

.service-button {
	margin-bottom: 10px;
}

.button-yn {
	margin-left: 10px;
}

.trumpet-header {
	position:relative;
	background: #FCB614;
	height: 52px;
}

.trumpet-header-left-side {
	float: left;
}

.trumpet-header-right-side {
	float: right;
	height:52px;
	width:200px;
	position:relative;
	line-height:50px;
	margin-right:5px;
}

.trumpet-header-text {
	color: #FFFFFF;
	float:right;
}

.table-header {
	color: #000000;
	font-weight:bold;
}

.table-header:hover {
	color: #000000;
	text-decoration: none;
}

/* ------------ END RYAN'S ADDITIONS -------------- */

/* ------------------ TYPOGRAPHY ------------------ */

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	color: #55565A;
}
p {
	color: #808080;
}
h1 {
	font-size: 2.5em;
	margin-bottom: 30px;
}
/* DIALOG */

.sb-dialog {
}
.sb-dialog-popup {
	display: none;
}
.sb-panel {
}
.sb-panel-hidden {
	display: none;
}
.sb-button-hidden {
	display: none;
}
.btn {
	transition: 0.5s ease;
}
.btn-lg {
	width: 180px;
}
.jumbotron p {
	font-size: 18px;
}
/* ------------------ HEADER ------------------ */

header {
	background: #ffffff;
	padding-bottom: 15px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 35px rgba(0,0,0,0.60);
}
/* ------------------ CONTAINER ------------------ */

body > .container {
	border: 1px solid #dedede;
	padding: 30px 0 80px 0;
	position: relative;
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 35px rgba(0,0,0,0.60);   /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 1px 1px 35px rgba(0,0,0,0.60); /* Firefox 3.5 - 3.6 */
	box-shadow: 1px 1px 35px rgba(0,0,0,0.60);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	width: 90%;
}
.jumbotron {
	background: #fff;
	padding-bottom: 0;
}
.container .jumbotron, .container-fluid .jumbotron {
	padding-left: 0;
}
.logo img {
	max-width: 320px;
}

@media screen and (min-width: 768px) {
.container .jumbotron, .container-fluid .jumbotron {
	background: #fff;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.jumbotron h1 {
	font-size: 3em;
}
.logo {
	padding-left: 0;
}
header {
	margin-bottom: 40px;
}
.container {
	max-width: 970px;
}
}
/* ------------------ BUTTON ------------------ */

.btn {
	background: #FCB614;
	border-radius: 0px;
	color: #ffffff;
	text-transform: uppercase;
}
.btn:hover {
	background: #F16236;
	color: #ffffff;
}
.btn-primary {
	background: #F16236;
	border-color: #F16236;
}
.btn-primary:hover {
	background: #F14E1C;
	border-color: #F16236;
}
.radio {
	margin-left: 30px;
}
.choose-service-table-div, .button-container {
	padding: 30px 0 0 0;
	margin-right: 10px;
}
/* ------------------ TABLE ------------------ */

.table {
	margin-bottom: 0px;
}
#envelopes-table td {
	vertical-align: middle;
}
#envelope-details-table td {
	vertical-align: middle;
}
#recipients-table td {
	vertical-align: middle;
}
#documents-table td {
	vertical-align: middle;
}
/* ------------------ UI MODAL ------------------ */		

.ui-corner-all {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.ui-dialog {
	padding: 0px;
}
.ui-widget-overlay {
	background: #000000;
	opacity: .6;
	background-image: none;
}
.ui-widget-content {
	border: none;
}
.ui-widget-header {
	border: none;
}
.ui-dialog .ui-dialog-content {
	padding: 2em;
}
.ui-dialog .ui-dialog-title {
	margin: .6em 0;
}
/* ------------------ Roger West Modifications ------------------ */	
md-menu-bar .md-menu {
	width: 100%;
}
.button-container {
	padding-top: 20px;
	float: left;
}
.jumbotron {
	margin-bottom: 0;
}
/* UI header */
md-menu-bar button.btn {
	min-width: 160px;
	width: 100%;
}
.ui-header .row, .ui-header div {
	margin: 0;
	padding: 0;
}
.ui-header {
	padding: 0;
}
.ui-header .container {
	margin: 0 auto;
}
md-menu-bar button.btn {
	background: #373737;
	position: relative;
}
md-menu-bar button.btn:hover, md-menu-bar button.btn:active, md-menu-bar button.btn:focus {
	background: #252525;
	color: #fff
}
button img {
	padding-right: 4px;
}
md-menu-bar button.btn {
	padding-left: 40px;
	padding-right: 25px;
}

@media (min-width:768px) {
md-menu-bar .md-menu {
	width: inherit;
}
md-menu-bar {
	padding: 0!important;
}
md-menu-bar button {
	margin-bottom: 0!important;
}
md-menu-bar md-menu+md-menu button {
	margin-right: 0!important;
}
md-menu-bar button.btn {
	width: initial;
}
}
/* AccountSetup */
.md-button {
	border-radius: none!important;
}
/*Account Tabs*/
md-tabs-canvas {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
}
md-tabs .md-tab.md-active {
	background: #fff;
	color: #343434;
	font-weight: bold;
}
md-tabs md-ink-bar {
	background: #FCB614;
	height: 3px;
	top: 0;
}
md-tabs[md-border-bottom] md-tabs-wrapper {
	border: none!important;
}
md-menu-bar md-menu._md-open > button {
	background: #252525;
	position: relative;
	color: #fff;
}
md-menu-bar md-menu._md-open > button:after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 10px;
	border-width: 14px 14px 0;
	border-style: solid;
	border-color: #252525 transparent;
	display: block;
	width: 0;
}
md-menu-bar md-menu._md-open:focus {
	border: none;
}
.btn:active:focus, .btn:focus {
	outline: none;
}
._md-open-menu-container {
	border-bottom: 4px solid #afafaf;
	min-width: 200px;
}

._md-open-menu-container {z-index:99!important;}

/*Modal Dialog*/
md-dialog md-dialog-content {
	padding: 20px;
}
/* Footer */
footer .container {
	width: 90%;
}
footer {
	color: #B6B6B6;
}
footer img {
	margin-right: 10px;
}
footer a {
	transition: all 0.3s ease;
}
footer a:hover {
	opacity: .7;
	text-decoration: none;
}
footer .copyright-container {
	padding: 3rem 0;
}
footer .copyright-container a {
	color: #B6B6B6;
}


/**************************** Drop Down Menu *******************************/
.dropdown {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dropbtn {
  padding: 7px 18px;
  margin: 0;
  position: relative;
  z-index: 2;
  background: rgba(0,0,0,0.27);
  color: #fff !important;
}

.dropbtn:hover {
  padding: 7px 18px;
  margin: 0;
  position: relative;
  z-index: 2;
  background: #272727;
  color: #fff;
}

.drophr {
	margin: 0px;
	border-top: 1px solid #dfdfdf;
}

.dropdown .button:after {
  background: url(../png/dropdown-iconhfsm.png) 0;
  width: 8px;
  height: 6px;
  display: block;
  position: absolute;
  right: 12px;
  top: 13px;
}
.dropdown .button[disabled]:after,
.dropdown .button.disabled:after {
  background-position: -8px;
}
.dropdown ul {
  transition: all .4s cubic-bezier(.55,0,.55,.2);
  transition-duration: 200ms;
  transition-delay: 50ms;
  margin-top: 0px;
  border-radius: 0px;
  background: #ffffff;
  padding: 8px 0;
  border: 1px solid #bec0c1;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: left;
  list-style: none;
  z-index: 99;
  box-shadow: 1px 1px 35px rgba(0,0,0,0.60)
}
.dropdown ul li {
  list-style: none;
  height: 40px;
  padding-top: 5px;
}
.dropdown ul li a:hover {
  background: #DDDDDD;
}
.dropdown ul li a {
  height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #3d4447;
  white-space: nowrap;
}
.dropdown ul li a:hover {
  text-decoration: none;
}
.dropdown.dropdown-right ul {
  right: 0;
  left: auto;
}
.dropdown.dropdown-active ul {
  opacity: 1;
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  transition-duration: 300ms;
}

.dropdown-backdrop {
    display:none;
}


.userinactive {
	color: #444;
	opacity: 0.5;
}


/**************************** Overwrite Default Angular Material Style *******************************/
md-switch {
	margin: 0px 0px !important;	
}

md-switch .md-thumb {
    background-color: #CCC; /* set not selected bar color */
}

md-switch.md-checked .md-bar {
    background-color: #FCB614; /* set selected bar color */
}

md-switch.md-checked .md-thumb {
    background-color: rgb(255,255,255); /* selected switch color */
}