﻿html, body {
	height: 100%;
}

/* Bootstrap 4 doesnt support wider by default*/
.container {
	padding-left: 5px;
	padding-right: 5px;
}

@media (min-width: 1350px) {
	.container {
		max-width: 1350px;
	}
}

@media (min-width: 1500px) {
	.container {
		max-width: 1450px;
	}
}

@media (min-width: 768px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Quite bad until we can configure Saas with MVC app*/
.btn-warning {
	/*font-family: var(--fontFamilyMainBlack);*/
	color: #FFF;
	background-color: var(--buttonSuccessColour);
	border-color: var(--buttonSuccessColour);
}

@media (min-width: 992px) {
	.btn-warning {
		min-width:10rem;
	}
}

.btn-warning:hover {
	background-color: var(--buttonSuccessColour-less10pc);
	border-color: var(--buttonSuccessColour-less20pc);
}

	/*.btn-warning:disabled {
	background-color: var(--buttonSuccessColour-less20pc);
	border-color: var(--buttonSuccessColour-less20pc);
}*/
	/*.btn-success:hover {
	background-color: var(--buttonSuccessColour-less10pc);
	border-color: var(--buttonSuccessColour-less10pc);
}
*/
	/*.btn-success:active {*/
	/*background-color: var(--buttonSuccessHighlightColour);
		border-color: var(--buttonSuccessHighlightColour);*/
	/*border-color: var(--themePrimaryColourHighOpacity);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--themePrimaryColourLowOpacity);
		outline: 0 none;
	}

		.btn-success:active:focus {
			color: #ffffff;
			background-color: #161617;
			border-color: #494F57;
			border-color: var(--themePrimaryColourHighOpacity);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--themePrimaryColourLowOpacity);
			outline: 0 none;
		}*/
	.btn-secondary {
	font-family: var(--fontFamilyCustomBold);
}
/*forms*/
.form-control,
form-check-input {
	border-color: var(--themePrimaryColour);
}

	.form-control-lg:focus,
	.form-control:focus,
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		/*border-color: rgba(126, 239, 104, 0.8);*/
		/*border-color: var(--themePrimaryColourHighOpacity);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--themePrimaryColourLowOpacity);
		outline: 0 none;*/
	}

.spinner-border {
	color: var(--themePrimaryColour);
}

.spinner-border {
	width: 4rem;
	height: 4rem;
}

.btn,
.btn-lg {
	font-family: var(--fontFamilyCustomBold);
}

.btn,
.btn-lg,
.form-control {
	/*border-radius: 0;*/
}
