/*! custom css stlyes */


/*	==========================================================	*/
/*			Global Customisation Styles begins here				*/
/*  =========================================================== */

/* used to clear both div inside a parent div and so the parent div does not collapse on itself */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
	display: inline-block;
}
	
/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}

.clearfix {
	display: block; 
}

body {
	-o-background-size: cover;
}

* { 
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
/* the next two styles is to make the footer always stay at the bottom of the page even if there is very little content */
body {
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1 0 auto;
}

.center {
	text-align: center;
	
}

/*	==============================================	*/
/*				General Link Styles					*/
/*	==============================================	*/
a {
	text-decoration: none;
}
a.genLink {
	color: #172b60;
	font-size: .75em;
	padding-top: 10px;
}

a.genLink:focus, a.genLink:hover {
	color: #F6921E;
}

a:hover {
	text-decoration: none
}

a.moreLink {
	color: #172b60;
	font-size: .75em;
	padding-top: 10px;
}

a.moreLink:focus, a.moreLink:hover {
	color: #F6921E;
}




/*	==========================================================	*/
/*				Typography Styles begins here					*/
/*  =========================================================== */

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

p {
	font-size: .8em;
}

.blue-text {
	color: #172b60;
}










/*	==============================================	*/
/*		Color Schema Styles begins here				*/
/*	==============================================	*/
.bg-black, .bg-dark, .bg-charcoal, .bg-secondary, .bg-darkblue, .bg-primary, .bg-danger, .bg-success {
	color: #ffffff;
}

.bg-black {
	background-color: #000000;
}
.bg-dark {
	background-color: #343a40;
}
.bg-charcoal {
	background-color: #595660;
}
.bg-secondary {
	background-color: #6c757d;
}
.bg-lightgray {
	background-color: #d0ced4;
}
.bg-light {
	background-color: #f8f9fa;
}
.bg-darkblue {
	background-color: #172b60;
}
.bg-primary {
	background-color: #007bff;
}
.bg-lightblue {
	background-color: #00FFFF;
}
.bg-info {
	background-color: #17a2b8;
}
.bg-danger {
	background-color: #dc3545;
}
.bg-darkyellow {
	background-color: #F6921E;
}
.bg-warning {
	background-color: #ffc107;
}
.bg-success {
	background-color: #28a745;
}
.bg-lightgreen {
	background-color: #33B35A;
}





/*	==============================================	*/
/*				Navigation Styles					*/
/*	==============================================	*/

.navbar {
	height: 50px;
	margin: 0px; 
	padding: 0px;
}
.navbar-dark .navbar-nav .nav-link:hover {	
	color:#e67e22;
}
.dropdown-item:hover {
	background: #e67e22;
	color:#000000;
}
.offcanvas-collapse .dropdown-item:hover {
	background: #e67e22;
	color:#000000;
}
#top-navbar-icon img {
	width: 25px;
	padding-top: 15px;
	/*padding: 0px;
	margin: 0px;*/	
}

hr {
	text-align: center;
	width: 100%;
	margin: 50px auto 15px auto;
	color: #cccccc;
}


#top-right-nav  {
	float: right;
	right: 1px;
	position: absolute;
	margin: 10px;
}

#top-right-nav a{
	position: relative;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	padding: 0px 5px;
}

#top-right-nav a:hover {
	color: #e67e22;
}

#top-right-nav a.active {
	color: #e67e22;
}

.navbar-brand img {
	width: 30px;
	/*margin-bottom: 8.5px;*/
	margin: 10px 0px;
}



/*	==============================================	*/
/*			Breadcrumbs Div styling 				*/
/*	==============================================	*/

.breadcrumb-holder {
  	margin-top: 50px;
	height: 35px;
	padding: 0px;
	background-color: #d0ced4;
	border-bottom: 1px solid #838089;
}

.breadcrumb {
  	padding-top: 10px;
}
#bcrumb {
	/*background-color: blue;*/
	
}

#addRepairBtn {
	margin-top: 5px;
	/*background-color: red;*/
	text-align: right;	
}


.breadcrumb li {
	font-size: 14px;
}

.breadcrumb li a{
	padding-top: 5px;
	color: #172b60;
	text-decoration: none;
}
.breadcrumb-item.active {
	color: #007bff;
	/*font-weight: bold;*/
}

.breadcrumb-item a:hover {
	color: #F6921E;
}
#addRepairBtn {
	text-align: right;
	
}