a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}


html {
	font-size: 14px;
}

a {
	display: inline-flex;
}

object {
	pointer-events: none;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}


.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px;
}

.footer-spacer {
	padding-bottom: 70px;
}

.dropdown-standard {
	width: 200px;
}

/* Overrrides Bootstrap custom Tooltip style */
.tooltip-inner {
	max-width: 500px;
	padding: 0.25rem 0.5rem;
	color: #fff;
	font-size: 1.0rem;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
}

/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Roboto, sans-serif;
}

.pig-hair {
	background: url(/images/pig-hair_900x1800_fade.jpg);
	background-repeat: no-repeat;
	background-position: top;
	object-fit: cover;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

	input[type=number]:in-range {
		color: white;
		background-color: #08519C;
	}

	input[type=number]:out-of-range {
		color: white;
		background-color: #CD913C;
	}


/*---------------------------------------------*/
a {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

	a:focus {
		outline: none !important;
	}

	a:hover {
		text-decoration: none;
		color: #808080;
	}

	a[data-toggle="tab"] {
		color: #993333;
	}

		a[data-toggle="tab"]:hover {
			text-decoration: none;
			color: #808080;
		}

/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

p {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}

/*---------------------------------------------*/

input {
	outline: none;
	border: none;
	color: #333;
}

	input::-webkit-input-placeholder {
		color: #555555;
	}

	input:-moz-placeholder {
		color: #555555;
	}

	input::-moz-placeholder {
		color: #555555;
	}

	input:-ms-input-placeholder {
		color: #555555;
	}

label {
	margin: 0;
	display: block;
}

.url-input {
	font-size: 1.00rem;
	min-width: 20em;
}
/*//////////////////////////////////////////////////////////////////
[ Fonts]
*/

.login-title, .login-sub-title, .login100-form-title, .font-login50, .font-login75, .font-login100, .font-login200 {
	font-family: Roboto;
	font-weight: 400;
	color: #993333;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: block;
}

.login-title {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 1.2;
}

.login-sub-title {
	font-weight: 700;
	font-size: 1.9rem;
}

.login100-form-title {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.2;
	text-transform: uppercase;
	padding-bottom: 1rem;
	padding-top: 1.5rem;
}

.font-login50 {
	font-size: 1rem;
}

.font-login75 {
	font-size: 1.2rem;
	color: #fff;
	text-align: left;
}

.font-login100 {
	font-size: 1.3rem;
	color: #fff;
	padding-left: 2rem;
	padding-right: 2rem;
}

.font-login200 {
	font-weight: 700;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #fff;
	padding-left: 2rem;
	padding-right: 2rem;
}

.font100, .font100-white, .font125, .font125-white, .font150, .font150-white {
	font-family: Roboto;
	font-weight: 400;
}

.font100 {
	font-size: 1.00rem;
	color: #000;
}

.font125 {
	font-size: 1.25rem;
	color: #000;
}

.font150 {
	font-size: 1.50rem;
	color: #000;
}

.font100-white {
	font-size: 1.00rem;
	color: #fff;
}

.font125-white {
	font-size: 1.25rem;
	color: #fff;
}

.font150-white {
	font-size: 1.50rem;
	color: #fff;
}



/*------------------------------------------------------------------
[ Form ]*/

.login100-form {
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
}

.logo-round {
	display: inline-flex;
	min-width: 80px;
	max-width: 100px;
}


/*------------------------------------------------------------------
[ Input ]*/


.input100 {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1.4rem;
	color: #555555;
	line-height: 1.2;
	display: block;
	width: 100%;
	height: 50px;
	background: transparent;
	padding: 0 10px 0 80px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*---------------------------------------------*/
.focus-input100 {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

	.focus-input100::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 0;
		height: 1px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background: #993333;
	}

	.focus-input100::after {
		font-family: Linearicons-Free;
		font-size: 1.3rem;
		color: #999999;
		content: attr(data-placeholder);
		display: block;
		width: 100%;
		position: absolute;
		top: 40px;
		left: 35px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

.input100:focus {
	padding-left: 60px;
}

	.input100:focus + .focus-input100::after {
		left: 23px;
		color: #993333;
	}

	.input100:focus + .focus-input100::before {
		width: 100%;
	}

.has-val.input100 + .focus-input100::after {
	left: 23px;
	color: #993333;
}

.has-val.input100 + .focus-input100::before {
	width: 100%;
}

.has-val.input100 {
	padding-left: 60px;
}


/*------------------------------------------------------------------
[ Button ]*/

.login-language {
	display: block;
	width: 165px;
	margin-top: 2rem;
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

/*----------btn-primary override-----*/
.btn-primary {
	color: #fff;
	background-color: #993333;
	border-color: #993333;
}

	.btn-primary:hover {
		color: #fff;
		background-color: #7c2c2c;
		border-color: #913131;
	}

	.btn-primary:focus {
		color: #fff;
		background-color: #7c2c2c;
		border-color: #913131;
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #993333;
		border-color: #993333;
	}

		.btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-primary:disabled, .btn-primary.disabled {
		color: #000;
		background-color: #ccc;
		border-color: #ccc;
	}
/*-------btn-in-spec--------*/
.btn-in-spec {
	color: #fff;
	background-color: #08519C;
	border-color: #08519C;
}

	.btn-in-spec:hover {
		color: #fff;
		background-color: #083d78;
		border-color: #084c91;
	}

	.btn-in-spec:focus {
		color: #fff;
		background-color: #083d78;
		border-color: #084c91;
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-in-spec:active, .btn-in-spec.active, .show > .btn-in-spec.dropdown-toggle {
		color: #fff;
		background-color: #08519C;
		border-color: #08519C;
	}

		.btn-in-spec:active:focus, .btn-in-spec.active:focus, .show > .btn-in-spec.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-in-spec:disabled, .btn-in-spec.disabled {
		color: #000;
		background-color: #ccc;
		border-color: #ccc;
	}
/*-------btn-out-spec--------*/
.btn-out-spec {
	color: #fff;
	background-color: #CD913C;
	border-color: #CD913C;
}

	.btn-out-spec:hover {
		color: #fff;
		background-color: #b47e32;
		border-color: #ca8c35;
	}

	.btn-out-spec:focus {
		color: #fff;
		background-color: #b47e32;
		border-color: #ca8c35;
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-out-spec:active, .btn-out-spec.active, .show > .btn-out-spec.dropdown-toggle {
		color: #fff;
		background-color: #CD913C;
		border-color: #CD913C;
	}

		.btn-out-spec:active:focus, .btn-out-spec.active:focus, .show > .btn-out-spec.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-out-spec:disabled, .btn-out-spec.disabled {
		color: #000;
		background-color: #ccc;
		border-color: #ccc;
	}


/*------------------------------------------------------------------
[ Color ]*/

.border-pc-red {
	border: 1px solid;
	border-color: #993333;
}

.bg-pc-red {
	background-color: #993333;
}

.bg-disabled {
	background-color: #CCCCCC;
}

.bg-none {
	background: none;
}

.in-spec {
	background: #08519C;
}

.out-spec {
	background: #CD913C;
}


/*//////////////////////////////////////////////////////////////////
[ custom media query section ]*/

@media (max-width: 750px) {
	/* Everything in here is for wider screens, i.e. phones in landscape mode 
		and tablets and regular monitors.	*/

	.hide-narrow {
		display: none;
	}
}

@media (min-width: 750px) {
	/* Everything in here is for narrow screens, i.e. phones in portrait mode */

	.hide-wide {
		display: none;
	}
}