/* override bootstrap maximum container width */
.container {
	width: 97.5%;
}

/* override bootstrap default font size to make the site more responsive */
html {
	font-size: 37.5%;
}

@media (min-width: 768px) {
	html {
		font-size: 43.75%;
	}
}

@media (min-width: 992px) {
	html {
		font-size: 50%;
	}
}

@media (min-width: 1200px) {
	html {
		font-size: 56.25%;
	}
}

@media (min-width: 1600px) {
	html {
		font-size: 62.5%;
	}
}

a:hover {
	cursor: pointer; cursor: hand;
}

.wwlSpacer {
	height: 2.0rem;	
}

.wwlIcon {
	text-align: center;
}

.wwlClickThrough {
	pointer-events: none;
}

.wwlClickable:hover {
	cursor: pointer; cursor: hand;
}

.wwlIcon.wwlClickable.wwlAnchor:hover {
	text-decoration: none;
	font-size: 110%;
}

table .collapse.in {
	display: table-row !important;
}

.wwlTableScroll {
	overflow-x: auto;
}

.hidden-lg.wwlVisibleOnHover:hover {
	display: inherit !important;	
}

.wwlContainerEvenDistribution {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}

.wwlUnderline,
.wwlUnderlineHover:hover,
.wwlAnchor:hover {
	text-decoration: underline;
}

.wwlBulletsNone {
	list-style-type:none;
}

.wwlRelativePosition {
  position: relative;
}

.wwlFontBold {
	font-weight: bold;
}

.wwlStrikethrough {
	text-decoration:line-through;
}

.wwlCenter {
	text-align: center;
}

.wwlRight {
	text-align: right;
}

.wwlInvisible {
	opacity: 0;
}

.wwlInvisibleChildSpan > span {
	opacity: 0;
}

.wwlPadNone {
	padding-top: 0rem;
	padding-left: 0rem;
	padding-right: 0rem;
	padding-bottom: 0rem;
}

.wwlPadTopNone {
	padding-top: 0rem;
}

.wwlPadVertical {
	padding-left: 2.0rem;
	padding-right: 2.0rem;
}

.wwlPadVerticalNone {
	padding-left: 0rem;
	padding-right: 0rem;
}

.wwlPadHorizontal {
	padding-left: 2.0rem;
	padding-right: 2.0rem;
}

.wwlPadHorizontalNone {
	padding-left: 0rem;
	padding-right: 0rem;
}

.wwlMarginVerticalNone {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.wwlMarginHorizontalNone {
	margin-left: 0rem;
	margin-right: 0rem;
}

.wwlMarginLeftNone {
	margin-left: 0rem;
}

.wwlMarginBottomNone {
	margin-bottom: 0rem;
}

.wwlMarginNone {
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	margin-bottom: 0rem;
}

.wwlMarginAuto {
	margin: auto;
}

.wwlWrapNone {
	white-space: nowrap;
}

.wwlVerticalAlignMiddle {
	vertical-align: middle !important;
}

.wwlFontColorBlack,
.wwlFontColorBlackHover:hover,
a.wwlFontColorBlackAnchor,
.wwlFontColorBlackAnchor a,
a.wwlFontColorBlackAnchorHover:hover,
.wwlFontColorBlackAnchorHover a:hover {
	color: #000000;
}

.wwlBorderColorWhite {
	border-color: #FFFFFF;
}

.wwlFontColorWhite,
.wwlFontColorWhiteHover:hover,
a.wwlFontColorWhiteAnchor,
.wwlFontColorWhiteAnchor a,
a.wwlFontColorWhiteAnchorHover:hover,
.wwlFontColorWhiteAnchorHover a:hover {
	color: #FFFFFF;
}

.wwlFontColorGainsboro,
.wwlFontColorGainsboroHover:hover,
a.wwlFontColorGainsboroAnchor,
.wwlFontColorGainsboroAnchor a,
a.wwlFontColorGainsboroAnchorHover:hover,
.wwlFontColorGainsboroAnchorHover a:hover {
	color: #DCDCDC;
}

.wwlFontColorSilver,
.wwlFontColorSilverHover:hover,
a.wwlFontColorSilverAnchor,
.wwlFontColorSilverAnchor a,
a.wwlFontColorSilverAnchorHover:hover,
.wwlFontColorSilverAnchorHover a:hover {
	color: #BBBBBB;	
}

.wwlFontColorWhiteSmoke,
.wwlFontColorWhiteSmokeHover:hover,
a.wwlFontColorWhiteSmokeAnchor,
.wwlFontColorWhiteSmokeAnchor a,
a.wwlFontColorWhiteSmokeAnchorHover:hover,
.wwlFontColorWhiteSmokeAnchorHover a:hover {
	color: #F5F5F5;
}

.wwlFontColorLime,
.wwlFontColorLimeHover:hover,
a.wwlFontColorLimeAnchor,
.wwlFontColorLimeAnchor a,
a.wwlFontColorLimeAnchorHover:hover,
.wwlFontColorLimeAnchorHover a:hover {
	color: #00FF00;
}

.wwlFontColorRed,
.wwlFontColorRedHover:hover,
a.wwlFontColorRedAnchor,
.wwlFontColorRedAnchor a,
a.wwlFontColorRedAnchorHover:hover,
.wwlFontColorRedAnchorHover a:hover {
	color: #FF0000;
}

.wwlFontWeight400 {
	font-weight: 400;	
}

.wwlFontWeight700 {
	font-weight: 700;	
}

.wwlOutlineNone {
	outline: none !important;
}

.wwlDisplayInline {
	display: inline;
}

.wwlDisplayInlineBlock {
	display: inline-block;
}

.wwlFormattedDate {
	width: 10.0rem;
	display: inline;
}

.wwlDisplayInline > .uib-timepicker {
	display:inline;
}

.wwlBackgroundColorBlack {
	background-color: #000000 !important;
}

.wwlBackgroundColorWhite {
	background-color: #FFFFFF !important;
}

.wwlBackgroundColorBlueGrey {
	background-color: #E5E5FF !important;
}

.wwlBackgroundColorSpreadsheetBlue {
	background-color: #CCCCFF !important;
}

.wwlBackgroundColorLameBlue {
	background-color: #8080FF !important;
}

.wwlBackgroundColorBabyBabyBlue {
	background-color: #CCDDFF !important;
}

.wwlBackgroundColorBathroomBlue {
	background-color: #99BBFF !important;
}

.wwlBackgroundColorLightMintGreen {
	background-color: #E5FFE5 !important;
}

.wwlBackgroundColorLimeSquared {
	background-color: #B3FFB3 !important;
}

.wwlBackgroundColorLightLime {
	background-color: #66FF66 !important;
}

.wwlBackgroundColorLightTurquoise {
	background-color: #CCFFFF !important;
}

.wwlBackgroundColorTurquoise {
	background-color: #99FFFF !important;
}

.wwlBackgroundColorMintGreen {
	background-color: #C6ECC6 !important;
}

.wwlBackgroundColorGrassGreen {
	background-color: #8CD98C !important;
}

.wwlBackgroundColorOlivish {
	background-color: #D9F2E6 !important;
}

.wwlBackgroundColorLightBlueGreen {
	background-color: #A0DFBF !important;
}

.wwlBackgroundColorMightAsWellBeGrey {
	background-color: #C2C2D6 !important;
}

.wwlBackgroundColorOffWhite {
	background-color: #F0F5F5 !important;
}

.wwlBackgroundColorRedlessGrey {
	background-color: #D1E0E0 !important;
}

.wwlBackgroundColorMagentaTint {
	background-color: #F5E5FF !important;
}

.wwlBackgroundColorLavenderish {
	background-color: #E0B3FF !important;
}

.wwlBackgroundColorGreenishBeige {
	background-color: #D6D6C2 !important;
}

.wwlBackgroundColorGreyTint {
	background-color: #EEEEEE !important;
}

.wwlBackgroundColorPinkTint {
	background-color: #F2D9D9 !important;
}

.wwlBackgroundColorBabyGirlPink {
	background-color: #FFE5E5 !important;
}

.wwlBackgroundColorBloodyVomit {
	background-color: #DFA0A0 !important;
}

.wwlBackgroundColorPinkRose {
	background-color: #ECC6D9 !important;
}

.wwlBackgroundColorHeartPink {
	background-color: #DFA0BF !important;
}

.wwlBackgroundColorDarkBeige {
	background-color: #D9B38C !important;
}

.wwlBackgroundColorOffRed {
	background-color: #FF6666 !important;
}

.wwlBackgroundColorDullMagenta {
	background-color: #FF6699 !important;
}

.wwlBackgroundColorCaucasianSkin {
	background-color: #FFC6B3 !important;
}

.wwlBackgroundColorMildSunburn {
	background-color: #FF9F80 !important;
}

.wwlBackgroundColorTrump {
	background-color: #FFCC66 !important;
}

.wwlBackgroundColorPaleYellow {
	background-color: #FFFFB3 !important;
}

/* Hack to get the uib-timepicker to line up correctly */
table.uib-timepicker > tbody > tr > td, table.uib-timepicker > tbody > tr > td > .form-control {
	display: inline;
}

.wwlWidth50Percent {
	max-width: 50%;
}
.wwlWidth100Percent {
	width: 100%;
}

.wwlMaxWidth100Percent {
	max-width: 100% !important;
}

.wwlHeight100Percent {
	height: 100%;
}

.wwlMaxHeight100Percent {
	max-height: 100% !important;
}

.wwlTableNoResults {
	width: 100%;
	height: 10.0rem
}

.wwlFilteredTable {
	min-height: 15.0rem;
}

.modal-dynamic-xl {
    width: 90%;
}

.ui-datepicker {
	z-index: 9999 !important;
}

.wwlDisabled {
	color: #DDDDDD;
}

.wwlBootstrapRowEqualHeight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wwlBootstrapColumnVerticalCenter {
   display: inline-block;
   vertical-align: middle;
   float: none;	
}

.wwlLoadingIf {
	
}

.wwlLoadingLarge {
	font-size: 10rem;
}

.wwlPagination {
	
}
