.container-fluid {
	padding: 0 30px;
}

@media (max-width: 575px) {
	.container-fluid {
		padding: 0 15px;
	}
}

.content-inner {
	position: relative;
	width: calc(100% - 250px);
	min-height: calc(100vh - 70px);
	padding-bottom: 60px;
}

.content-inner.active {
	width: calc(100% - 90px);
}

button,
input {
	outline: none !important;
}

.page {
	background: #EEF5F9;
}

.page .text-white {
	color: #fff;
}

.page {
	overflow-x: hidden;
}

.has-shadow {
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}


/*
  * ==========================================================
  *     FOOTER
  * ==========================================================
  */

footer.main-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #2f333e;
	color: #fff;
	padding: 20px 10px;
}

footer.main-footer a {
	color: inherit;
}

footer.main-footer p {
	margin: 0;
	font-size: 0.8em;
}


/* FOOTER MEDIAQUERIES  --------------------------------- */

@media (max-width: 575px) {
	footer.main-footer div[class*='col'] {
		text-align: center !important;
	}
}

.error {
	color: tomato;
	font-size: 12px;
	padding-top: 4px
}


/*
  * ==========================================================
  *     FORMS
  * ==========================================================
  */

.form-control {
	height: calc(2.25rem + 2px);
	border: 1px solid #dee2e6;
	border-radius: 0;
	padding: 0.375rem 0.75rem;
}

.form-control::-moz-placeholder {
	font-size: 0.9em;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
	color: #aaa;
}

.form-control::-webkit-input-placeholder {
	font-size: 0.9em;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
	color: #aaa;
}

.form-control:-ms-input-placeholder {
	font-size: 0.9em;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
	color: #aaa;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #796AEE;
	outline: none;
	/* -webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.25);*/
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5), -1px 0 2px rgba(0, 0, 0, 0.5);
	*/ box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5), -1px 0 2px rgba(0, 0, 0, 0.5);
}

.form-control-sm {
	height: calc(1.8125rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.form-control-lg {
	height: calc(2.875rem + 2px);
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
}

textarea.form-control {
	height: auto;
}

select.form-control[size],
select.form-control[multiple] {
	height: auto;
}

select.form-control option {
	color: #999;
}

.input-group .dropdown-menu {
	padding: 15px;
	color: #777;
	border-radius: 0;
}

.input-group .dropdown-menu a {
	padding: 5px 0;
	color: inherit;
	text-decoration: none;
}

.input-group .dropdown-menu a:hover {
	color: #796AEE;
	background: none;
}

.input-group-text {
	color: #868e96;
	background: #f8f9fa;
	border-color: #dee2e6;
	border-radius: 0;
}

.input-group-text .checkbox-template,
.input-group-text .radio-template {
	-webkit-transform: none;
	transform: none;
}

.form-control-label {
	font-size: .9rem;
	color: #777;
}

button,
input[type='submit'] {
	cursor: pointer;
	font-family: inherit;
	font-weight: 300 !important;
}

.input-group .dropdown-toggle {
	background: #f5f5f5;
	color: #777;
}

.checkbox-template,
.radio-template {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;
}

.checkbox-template+label,
.radio-template+label {
	margin-left: 10px;
}

.checkbox-template::before,
.radio-template::before {
	margin-right: 10px;
	content: '';
	display: inline-block;
	-webkit-transform: translate(-2px, -2px);
	transform: translate(-2px, -2px);
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: #dae2e7;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.checkbox-template::after,
.radio-template::after {
	content: '\f00c';
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	display: block;
	font-family: 'FontAwesome';
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 0.7em;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #fff;
}

.checkbox-template:checked::before,
.radio-template:checked::before {
	background: #796AEE;
}

.checkbox-template:checked::after,
.radio-template:checked::after {
	opacity: 1;
}

.radio-template::before {
	border-radius: 50%;
	-webkit-transform: translate(-3px, -3px);
	transform: translate(-3px, -3px);
}

.radio-template::after {
	width: 6px;
	height: 6px;
	line-height: 6px;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	content: '';
}

.radio-template:checked::after {
	background: #fff;
}

input.input-material {
	width: 100%;
	border: none;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

input.input-material.is-invalid {
	border-color: #dc3545 !important;
}

input.input-material:focus {
	border-color: #796AEE;
}

input.input-material~label {
	color: #aaa;
	position: absolute;
	top: 14px;
	left: 0;
	cursor: text;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-weight: 300;
}

input.input-material~label.active {
	font-size: 0.8rem;
	top: -10px;
	color: #796AEE;
}

input.input-material.is-invalid~label {
	color: #dc3545;
}

.form-group-material {
	position: relative;
	margin-bottom: 30px;
}

.modal-content {
	border-radius: 0;
}

.i-checks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*
  * ==========================================================
  *     LOGIN PAGE
  * ==========================================================
  */

.login-page {
	position: relative;
	margin-top: -4rem;
}

.login-page::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	background: url(../images/bg.jpg);
	background-size: cover;
	/* -webkit-filter: blur(10px);
    filter: blur(10px); */
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
}

.login-page .container {
	min-height: 100vh;
	z-index: 999;
	padding: 20px;
	position: relative;
}

.login-page .form-holder {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 50px;
}

.login-page .form-holder .info,
.login-page .form-holder .form {
	min-height: 70vh;
	padding: 40px;
	/* padding: 40px 40px 40px 60px;*/
	height: 100%;
}

.login-page .form-holder div[class*='col-'] {
	padding: 0;
}

.login-page .form-holder .info {
	/*background: rgba(121, 106, 238, 0.9);*/
	background: rgba(255, 255, 255, 0.5);
	color: #000000 !important;
}

.login-page .form-holder .info h1 {
	font-size: 2.5em;
	font-weight: 600;
}

.login-page .form-holder .info p {
	font-weight: 300;
}

.login-page .form-holder .form .form-group {
	position: relative;
	margin-bottom: 30px;
}

.login-page .form-holder .form .content {
	width: 100%;
}

.login-page .form-holder .form form {
	/* width: 100%;
    max-width: 400px;*/
	width: 97%;
}

.login-page .form-holder .form #login,
.login-page .form-holder .form #register {
	margin-bottom: 20px;
	cursor: pointer;
}

.login-page .form-holder .form a.forgot-pass,
.login-page .form-holder .form a.signup {
	font-size: 0.9em;
	color: #85b4f2;
}

.login-page .form-holder .form small {
	color: #aaa;
}

.login-page .form-holder .form .terms-conditions label {
	cursor: pointer;
	color: #aaa;
	font-size: 0.9em;
}

.login-page .copyrights {
	width: 100%;
	z-index: 9999;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 0.8rem;
}

@media (max-width: 991px) {
	.login-page .info,
	.login-page .form {
		min-height: auto !important;
	}
	.login-page .info {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
}


/*
   * 2. BUTTONS
   */

.btn {
	font-weight: 400;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn:focus,
.btn.focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.25);
}

.btn.disabled,
.btn:disabled {
	opacity: .65;
}

.btn:not([disabled]):not(.disabled):active,
.btn:not([disabled]):not(.disabled).active {
	background-image: none;
}

.btn-primary {
	color: color-yiq(#796AEE);
	background-color: #796AEE;
	border-color: #796AEE;
}

.btn-primary:hover {
	color: color-yiq(#5a48ea);
	background-color: #5a48ea;
	border-color: #503ce9;
}

.btn-primary:focus,
.btn-primary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: color-yiq(#796AEE);
	background-color: #796AEE;
	border-color: #796AEE;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color: color-yiq(#503ce9);
	background-color: #503ce9;
	border-color: #4631e7;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
}

.btn-secondary {
	color: color-yiq(#868e96);
	background-color: #868e96;
	border-color: #868e96;
}

.btn-secondary:hover {
	color: color-yiq(#727b84);
	background-color: #727b84;
	border-color: #6c757d;
}

.btn-secondary:focus,
.btn-secondary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: color-yiq(#868e96);
	background-color: #868e96;
	border-color: #868e96;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
	color: color-yiq(#6c757d);
	background-color: #6c757d;
	border-color: #666e76;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-success {
	color: color-yiq(#28a745);
	background-color: #28a745;
	border-color: #28a745;
}

.btn-success:hover {
	color: color-yiq(#218838);
	background-color: #218838;
	border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
	color: color-yiq(#28a745);
	background-color: #28a745;
	border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
	color: color-yiq(#1e7e34);
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
	color: color-yiq(#17a2b8);
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:hover {
	color: color-yiq(#138496);
	background-color: #138496;
	border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
	color: color-yiq(#17a2b8);
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: color-yiq(#117a8b);
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
	color: color-yiq(#ffc107);
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: color-yiq(#e0a800);
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: color-yiq(#ffc107);
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
	color: color-yiq(#d39e00);
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
	color: color-yiq(#dc3545);
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:hover {
	color: color-yiq(#c82333);
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: color-yiq(#dc3545);
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
	color: color-yiq(#bd2130);
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
	color: color-yiq(#f8f9fa);
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-light:hover {
	color: color-yiq(#e2e6ea);
	background-color: #e2e6ea;
	border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
	color: color-yiq(#f8f9fa);
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
	color: color-yiq(#dae0e5);
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
	color: color-yiq(#343a40);
	background-color: #343a40;
	border-color: #343a40;
}

.btn-dark:hover {
	color: color-yiq(#23272b);
	background-color: #23272b;
	border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
	color: color-yiq(#343a40);
	background-color: #343a40;
	border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
	color: color-yiq(#1d2124);
	background-color: #1d2124;
	border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-default {
	color: color-yiq(#ced4da);
	background-color: #ced4da;
	border-color: #ced4da;
}

.btn-default:hover {
	color: color-yiq(#b8c1ca);
	background-color: #b8c1ca;
	border-color: #b1bbc4;
}

.btn-default:focus,
.btn-default.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}

.btn-default.disabled,
.btn-default:disabled {
	color: color-yiq(#ced4da);
	background-color: #ced4da;
	border-color: #ced4da;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
	color: color-yiq(#b1bbc4);
	background-color: #b1bbc4;
	border-color: #aab4bf;
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-default.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}

.btn-outline-primary {
	color: #796AEE;
	background-color: transparent;
	background-image: none;
	border-color: #796AEE;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #796AEE;
	border-color: #796AEE;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #796AEE;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
	color: color-yiq(#796AEE);
	background-color: #796AEE;
	border-color: #796AEE;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(121, 106, 238, 0.5);
}

.btn-outline-secondary {
	color: #868e96;
	background-color: transparent;
	background-image: none;
	border-color: #868e96;
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #868e96;
	border-color: #868e96;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: #868e96;
	background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
	color: color-yiq(#868e96);
	background-color: #868e96;
	border-color: #868e96;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
	color: #28a745;
	background-color: transparent;
	background-image: none;
	border-color: #28a745;
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #28a745;
	background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
	color: color-yiq(#28a745);
	background-color: #28a745;
	border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
	color: #17a2b8;
	background-color: transparent;
	background-image: none;
	border-color: #17a2b8;
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: #17a2b8;
	background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
	color: color-yiq(#17a2b8);
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
	color: #ffc107;
	background-color: transparent;
	background-image: none;
	border-color: #ffc107;
}

.btn-outline-warning:hover {
	color: #fff;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
	color: color-yiq(#ffc107);
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
	color: #dc3545;
	background-color: transparent;
	background-image: none;
	border-color: #dc3545;
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
	color: color-yiq(#dc3545);
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa;
}

.btn-outline-light:hover {
	color: #fff;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
	color: color-yiq(#f8f9fa);
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
	color: #343a40;
	background-color: transparent;
	background-image: none;
	border-color: #343a40;
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
	color: #343a40;
	background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
	color: color-yiq(#343a40);
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-lg {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

.btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.valid.false {
	background: red;
}

.valid.true {
	background: green;
}

.error {
	color: red;
}

.success {
	color: green;
}

.login-img-container {
	background: url(../images/login-bg.jpg) no-repeat top center !important;
	background-size: cover !important;
	height: 100%;
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

.login-page .content {
	margin-left: 0px !important;
}


/*#signin{width:40%; margin:100px 50px; background:#3F51B5; box-shadow:0 0 64px rgba(0,0,0,0.5); padding:40px; position:relative; overflow:hidden;}*/

#signin {
	background-color: rgba(255, 255, 255, 0.75)!important;
}

#signin .form-title {
	font: 500 16px/1 'Roboto', sans-serif;
	color: #EBEBEB;
	text-align: center;
	margin: 35px 0;
}

#signin .input-field {
	position: relative;
	height: 50px;
	margin: 35px 0;
	transition: all 300ms;
}

#signin .input-field i {
	position: absolute;
	bottom: 14px;
	left: 15px;
	color: #BBBBBB;
	/* height: 0;
	visibility: visible; */
	font-size: 100%;
}

#signin .input-field label {
	width: 100%;
	height: 100%;
	position: absolute;
	margin-top: -15px;
	left: 4px;
	font: 400 14px/1 'Roboto', sans-serif;
	color: #000;
	opacity: 1;
}

#signin .input-field input {
	width: calc(100% - 10px);
	height: 45px;
	font: 500 .9rem/1 'Roboto', sans-serif;
	padding: 0 20px 0 50px;
	border: 1px solid #d6d3d3;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
	color: #606060;
	border-radius: 6px;
	outline: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}

#signin .forgot-pw {
	font: 600 14px/1 'Roboto', sans-serif;
	color: #000;
	text-decoration: none;
	float: right;
	margin: 0 0 25px 0;
	display: block;
}


/*#signin button.login{min-height:60px; font:500 16px/1 'Roboto',sans-serif; width:100%; padding:20px; display:block; background:#324192; color:#FFF; border:none; outline:0; cursor:pointer; position:absolute; left:0; bottom:0;}*/

#signin .input-field input:focus {
	color: #333;
}

#signin .input-field input:focus,
#signin .input-field input.not-empty {
	height: auto;
	padding: 14px 20px 14px 50px;
	line-height: 14px;
}

#signin .input-field input:focus+i,
#signin .input-field input.not-empty+i {
	font-size: 24px;
	bottom: 26px;
	height: 10px;
	/* visibility: visible; */
}

#signin .input-field input:focus+i+label,
#signin .input-field input.not-empty+i+label {
	font-size: 12px;
	margin-top: -15px;
	opacity: 0.7;
	/*animation: label 300ms 1;*/
	line-height: 14px !important;
}


/* @keyframes label{
	0%{margin-top:-15px;}
	50%{margin-top:-25px;}
	100%{margin-top:-15px;}
} */