/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
	height: auto !important;
	font-family: 'Roboto', sans-serif !important;
}

.md-body-2 {
	font-weight: 600 !important;
}

.navbar-brand {
	padding: 0;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.spacer {
	margin-top:20px;
	margin-bottom:10px;	
}

.red-text {
	color: red;	
}

.green-text {
	color: green;	
}

table {
}

	.price-sheet {
		width: 100%;
		min-width: 400px;	
	}
		.price-sheet td, .price-sheet th {
			padding: 0 10px;	
		}
		
.navbar-fixed-bottom, .navbar-fixed-top {
	z-index: 79;
}
		
		
.bs-wizard {margin: 40px 0;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {background: #fff;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/* AUTOCOMPLETE */

.autocomplete{
  width: 100%;
  position: relative;
}

.autocomplete input{
  width: 100%;
}

.autocomplete ul{
  position: absolute;
  width: 100%;
  z-index: 1;
  background:transparent;
  margin:0;
  border: 1px solid rgba(211,211,211,1.00);
  padding: 0;
  overflow:scroll;
  max-height:20em;
}

.autocomplete li{
  text-align: left;
  list-style:none;
  width: 100%;
  padding:0.3em ;
  background-color: #fff;
  margin:0;
}

.autocomplete li.active{
  width: 100%;
  background-color: rgba(211,211,211,1.00);
}

.autocomplete .highlight {
  background-color: rgba(211,211,211,1.00);
}

.autocomplete li.active .highlight {
  background: #666;
  color: #fff;
}

.signature-pad {
	border: 1px solid black;
}

.table-nonfluid {
   width: auto !important;
}

/**************** Calendar ************/
.fc-content {
	color: white;
}

.btn-primary, .btn-success, .btn-info, .btn-danger, .btn-warning {
	color: white !important;	
}

/**************** Angular-Material ********************/

.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight {
	color: #3F51B5 !important;	
}

/**************** md-data-table **********************/

.md-table-pagination .label {
	font-size: 1em !important;
	color: rgba(0,0,0,.54) !important;
	padding: 0 3px 0 0 !important;
	margin-top: 3px !important;
}

md-toast {
	z-index: 1000000100 !important;	
}

.toastBox {
	display: float;
	position:fixed;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	z-index:1000000000;
	pointer-events: none;	
}

.repeated-item < div {
	display: none;	
}

md-tooltip {
    z-index: 10003 !important;
	opacity: 1;
}

md-tooltip .md-content {
    position: relative !important;
    opacity: 1 !important;
}

label {
	font-weight: inherit !important;	
}

	.label-icon {
		opacity: .52;	
	}


	.sidebar {
		z-index:78 !important;	
	}