﻿
/* NOTES */

/* This document contains bootstrap overrides for the application template. Removing reference to this file will revert the application back to bootstrap defaults */
/* It should be referenced AFTER more generic CSS references */


/* All "btn" text to white, set button colors to client style guide values */
.btn {
	color: #ffffff !important;
	border-radius: 0 !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	padding: 15px !important;
	text-decoration: none !important;
}
.btn-primary, .btn-primary:link, .btn-primary:visited {
	background-color: #454142 !important;
	border-color: #454142 !important;
}
.btn-primary:hover, .btn-primary:active {
	background-color: #837c7e !important;
	border-color: #837c7e !important;
}
.btn-default {
	/* dark text grey*/
	background-color: #ffffff !important;
	color: #919699 !important;
	border-color: #d0d3d6 !important;
	padding: 15px !important;
}
	.btn-default:hover {
		color: #017573 !important;
		border-color: #017573 !important;
	}

.btn-light {
	background-color: #d0d3d6;
	color: #919699 !important;
}
	.btn-light:hover {
		background-color: #919699;
		color: #fff !important;
	}


/* Nav bar */
.navbar-header, .navbar-header:hover {
	background-color: #555759;
}
.navbar-brand, .navbar-brand:hover {
	color: #f8f8f8 !important;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 2px;
	height: auto;
}
.navbar_container ul li.active, .navbar_container ul li.active a {
	color: #fff !important;
	font-weight: bold;
	background-color: #2838A3  !important;
}
.navbar_container ul li:hover, .navbar_container ul li:hover a {
	background-color: #8490e1 !important;
	color: #fff !important;
	font-weight: bold;
}

.navbar_container ul li a {
	text-decoration: none;
}

.navbar_container ul li.navbar_li_textonly {
	/* set padding to match the bootstrap default li a padding */
	padding: 10px 15px !important;
}
.navbar_container ul li.navbar_li_textonly:hover {
	/* set padding to match the bootstrap default li a padding */
	cursor: not-allowed;
}

.form-control {
	margin: 1px 0 1px 0 !important;
}

.textWrap {
	white-space: normal;
}

hr {
	border-top: 1px solid #919699;
}

/* Custom spacings since this project uses bootstrap 3 (these are included with bootstrap 4)*/
.m1, .mt-1 {
	margin-top: 4px !important;
}
.m1, .mr-1 {
	margin-right: 4px !important;
}
.m1, .mb-1 {
	margin-bottom: 4px !important;
}
.m1, .ml-1 {
	margin-left: 4px !important;
}

.m2, .mt-2 {
	margin-top: 8px !important;
}
.m2, .mr-2 {
	margin-right: 8px !important;
}
.m2, .mb-2 {
	margin-bottom: 8px !important;
}
.m2, .ml-2 {
	margin-left: 8px !important;
}

.m3, .mt-3 {
	margin-top: 12px !important;
}
.m3, .mr-3 {
	margin-right: 12px !important;
}
.m3, .mb-3 {
	margin-bottom: 12px !important;
}
.m3, .ml-3 {
	margin-left: 12px !important;
}

.m4, .mt-4 {
	margin-top: 16px !important;
}
.m4, .mr-4 {
	margin-right: 16px !important;
}
.m4, .mb-4 {
	margin-bottom: 16px !important;
}
.m4, .ml-4 {
	margin-left: 16px !important;
}

.m5, .mt-5 {
	margin-top: 20px !important;
}
.m5, .mr-5 {
	margin-right: 20px !important;
}
.m5, .mb-5 {
	margin-bottom: 20px !important;
}
.m5, .ml-5 {
	margin-left: 20px !important;
}