html {
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
	box-sizing: border-box;
}

body {
	color: #404040;
	background: #fff;
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

figcaption,
figure,
footer {
	display: block;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

img {
	border: 0;
}

figure {
	margin: 0;
}

input {
	color: inherit;
	font: inherit;
	margin: 0;
	line-height: normal;
}

input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

.form-field > input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: .5rem;
	border: 1px solid #ccc;
	margin: 0 0 .5rem;
	font-family: inherit;
	font-size: 1rem;
	color: #3f3f3f;
	background-color: #fff;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.form-field > input:focus {
	border: 1px solid #8a8a8a;
	background-color: #fff;
	outline: none;
	transition: box-shadow .5s,border-color .25s ease-in-out;
}

input::-webkit-input-placeholder {
	color: #3f3f3f;
}

input::-moz-placeholder {
	color: #3f3f3f;
}

input:-ms-input-placeholder {
	color: #3f3f3f;
}

input::placeholder,
textarea::placeholder {
	color: #3f3f3f;
}

input:disabled {
	background-color: #e6e6e6;
	cursor: not-allowed;
}

[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
}

label {
	display: block;
	margin: 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.8;
	color: #3f3f3f;
}

.is-invalid-input:not(:focus) {
	background-color: rgba(198,15,19,.1);
	border-color: #c60f13;
}

.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color .25s ease-out,color .25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .4em 1.5em;
	margin: 0 0 1rem;
	font-size: .9rem;
	background-color: #404040;
	color: #fff;
}

.button:focus,
.button:hover {
	background-color: #727272;
	color: #fff;
	outline: none;
}

.btn {
	width: 100%;
	margin-top: 25px;
}
.btn-admin {
	color: #ffffff;
	background-color: #049cdb;
	border-color: #049cdb;
}
.btn-admin:hover {
	color: #ffffff;
	background-color: #0479b7;
	border-color: #0479b7;
}
* {
	box-sizing: border-box;
}

.login-image,
.login-image > figcaption {
	display: none;
}

.login-overlay {
	position: relative;
	z-index: 4;
	background: #fff;
	width: 100%;
	padding: 0 30px 10%;
}

.login-heading {
	text-align: center;
	margin: 20px 0 80px;
	font-weight: 400;
	font-size: 20px;
}
.login-heading > span {
	padding-left: 1rem;
}
.login-form-heading {
	font-weight: 400;
	font-size: 20px;
}

.login-footer {
	text-align: center;
	width: 100%;
	padding: 50px 0 0;
	display: block;
	overflow: auto;
}

.login-link {
	color: #5cb85c;
	display: block;
	text-decoration: none;
	margin-top: 25px;
	text-align: center;
}
.login-logo {
	width: 200px;
}
.success, .warning, .failure, .system-flash-box {
	padding: 1em;
}

.success {
	background: #dff0d8;
	color: #468847;
}

.warning {
	background: #fcf8e3;
	color: #c09853;
}

.failure, .system-flash-box {
	background: #f2dede;
	color: #b94a48;
}
@media  (min-height:630px) {
	.login-footer {
		position: fixed;
		bottom: 50px;
		left: 0;
		width: 100%;
		padding: 0 30px;
	}
}
@media (min-width:500px) {
	body {
		overflow: hidden;
	}

	.login-image {
		display: block;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		margin-before: 0;
		margin-after: 0;
		margin-start: 0;
		margin-end: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	.login-image > img {
		position: absolute;
		height: auto;
		width: calc(100% - 500px);
		min-width: 74%;
		min-height: 100%;
		z-index: 2;
		object-fit: cover;
	}

	.login-overlay {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		width: 400px;
	}

	.login-heading {
		font-size: 20px;
		margin: 40px 0 80px;
	}

	.login-footer {
		position: relative;
		bottom: 3%;
		left: auto;
		padding: 100px 0 0;
		margin-top: 30px;
		width: 380px;
	}
}

@media (min-width:839px) {
	.login-image > figcaption {
		padding: 7px 25px;
		position: absolute;
		z-index: 3;
		background-color: #666;
		display: inline-block;
		color: #fff;
		bottom: 10%;
	}

	.login-image > figarticles {
		padding: 0px 25px;
		position: absolute;
		z-index: 3;
		display: inline-block;
		color: #fff;
		bottom: 0;
		width: calc(100% - 500px);
	}

	.login-overlay {
		position: fixed;
		z-index: 4;
		background: #fff;
		right: 0;
		top: 0;
		bottom: 0;
		width: 500px;
		padding: 50px 60px 10%;
	}

	.login-heading {
		margin: 40px 0 80px;
		font-weight: 400;
		font-size: 20px;
	}

	.article_container {
		background: #ffffff;
		color: #404040;
		padding: 15px 20px;
		border-radius: 5px;
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
		-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
		border: solid 1px #404040;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
		filter: alpha(opacity=90);  /* IE 5-7 */
		-moz-opacity: 0.9;          /* Netscape */
		-khtml-opacity: 0.9;        /* Safari 1.x */
		opacity: 0.9;               /* Good browsers */
	}

	.article_question{
		font-weight: bold;
		text-align: center;
		font-size: 17px;
		height: 25px;
		overflow: hidden;
		margin-bottom: 22px;
	}
	.article_answer {
		height: 90px;
		max-height: 90px;
		overflow: hidden;
		overflow-y: auto;
	}
}
@media (min-height:630px) and (min-width:839px) {
	.login-footer {
		position: absolute;
		bottom: 3%;
		width: 380px;

	}
}

.cursor-pointer {
	cursor: pointer;
}
/* Blue color to use in other things that are not links*/
.crm_blue {
	color: #337ab7;
}
/* Used in titles when some action is root only*/
.crm_root_blue {
	color: #049cdb !important;
}

.crm_green {
	color: #5cb85c;
}

.crm_black {
	color: #444444;
}

.crm_metal {
	color: #ebebeb;
}

.mt\+\+ {
	margin-top: 3rem;
}