/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank_BS5 - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2021 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
				--t4-gray-700: #dee2e6;
				--t4-gray-200: #343a40;
}

* {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
}

html,
body {
				height: 100%;
}

body {
				font-family: "Inter", sans-serif;
				color: #fff;
				font-size: 15px;
				font-weight: 400;
				line-height: 1.6;
				margin: 0;
				padding: 0;
				background: #121212;
}

strong {
				font-weight: 500;
}

pre,
code {
				color: #e83e8c;
				font-family: Consolas, monaco, monospace;
}

.alert {
				background-color: var(--t4-gray-200);
				border: 1px solid rgba(0, 0, 0, 0.1);
				border-radius: 5px;
				margin-bottom: 1rem;
				padding: 0.5rem;
				position: relative;
}
.alert .close {
				border: 1px solid rgba(0, 0, 0, 0.001);
				border-radius: 3px;
				display: inline-block;
				height: 20px;
				line-height: 20px;
				position: absolute;
				right: 0.5rem;
				top: 0.5rem;
				text-align: center;
				width: 20px;
}
.alert .close:hover, .alert .close:focus, .alert .close:active {
				cursor: pointer;
}
.alert h4 {
				margin: 0;
}
.alert.alert-warning {
				background-color: #fff3cd;
				border-color: #ffeeba;
				color: #856404;
}
.alert.alert-message {
				background-color: #cce5ff;
				border-color: #b8daff;
				color: #004085;
}

.t4-error-page {
				background-color: var(--color-white);
}
.t4-error-page h1 {
				margin: 0 0 1rem;
				font-size: 1.333rem;
}
@media screen and (min-width: 768px) {
				.t4-error-page h1 {
								font-size: 1.733rem;
				}
}
.t4-error-page .t4-error-msg {
				background-color: var(--color-white);
				-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
				        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
				border-radius: 7px;
				padding: 2rem;
				margin: 0 1rem;
				min-height: 180px;
				margin-top: 50vh;
				max-width: 576px;
				position: relative;
				text-align: center;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
				.t4-error-page .t4-error-msg {
								margin-left: auto;
								margin-right: auto;
								padding-left: 8rem;
								text-align: left;
				}
}
.t4-error-page img {
				opacity: 0.1;
				margin: 0 auto;
				width: 5rem;
}
@media screen and (min-width: 768px) {
				.t4-error-page img {
								position: absolute;
								left: 2rem;
								top: 2.5rem;
								margin: 0;
				}
}
.t4-error-page .error-message {
				margin-top: 0;
				margin-bottom: 2rem;
}
.t4-error-page code {
				background-color: #fef3f8;
				border-radius: 3px;
				color: #e83e8c;
				display: inline-block;
				font-family: "Roboto", sans-serif;
				font-size: 0.9333rem;
				padding: 0 5px;
}
.t4-error-page .cta-wrap h3 {
				color: var(--t4-gray-600);
				font-size: 0.8rem;
				font-weight: 400;
				letter-spacing: 1px;
				margin: 0 0 0.5rem 0;
				text-transform: uppercase;
}
@media screen and (min-width: 768px) {
				.t4-error-page .cta-wrap h3 {
								display: inline-block;
								margin: 0 0.5rem 0 0;
				}
}
.t4-error-page .cta-wrap a {
				background: var(--t4-gray-200);
				border-radius: 25px;
				color: var(--t4-gray-700);
				display: inline-block;
				font-size: 0.8rem;
				margin: 5px 0.25rem;
				letter-spacing: 1px;
				padding: 0.3333333333rem 1rem;
				text-transform: uppercase;
				text-decoration: none;
				-webkit-transition: all 0.25s ease-in;
				transition: all 0.25s ease-in;
}
.t4-error-page .cta-wrap a:hover, .t4-error-page .cta-wrap a:focus, .t4-error-page .cta-wrap a:active {
				background-color: #0d6efd;
				color: var(--color-white);
}

body.offline {
				font-family: "Inter", sans-serif;
				font-size: 16px;
				font-weight: 400;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				overflow: hidden;
				background: #121212;
				color: #fff;
}
body.offline input {
				font-family: inherit;
}

.outline {
				width: 480px;
				margin: 0 auto;
}

.form-wrap .offline-header .logo-icon {
				height: 64px;
				width: 64px;
				margin: 0 auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.form-wrap .offline-header .logo-icon img {
				fill: #c00;
}
.form-wrap .offline-image {
				margin-bottom: 1rem;
				max-width: 100%;
}
.form-wrap h1 {
				font-size: 36px;
				font-weight: 600;
				text-align: center;
				margin: 0 0 1rem;
				color: #fff;
}
.form-wrap .offline-message {
				text-align: center;
}
.form-wrap #form-login fieldset {
				border: 0;
				margin: 0;
				padding: 0;
}
.form-wrap #form-login #form-login-username,
.form-wrap #form-login #form-login-password,
.form-wrap #form-login #form-login-secretkey {
				margin: 0 0 1rem;
}
.form-wrap #form-login #form-login-username label,
.form-wrap #form-login #form-login-password label,
.form-wrap #form-login #form-login-secretkey label {
				display: block;
				margin-bottom: 0.5rem;
}
.form-wrap #form-login #form-login-username input,
.form-wrap #form-login #form-login-password input,
.form-wrap #form-login #form-login-secretkey input {
				background: rgba(225, 225, 225, 0.1);
				border-radius: 5px;
				border: 1px solid #282828;
				display: block;
				font-size: 1rem;
				padding: 0 0.5rem;
				line-height: 46px;
				max-width: none;
				-webkit-transition: all 0.25s;
				transition: all 0.25s;
				width: 100%;
}
.form-wrap #form-login #form-login-username input:hover, .form-wrap #form-login #form-login-username input:focus,
.form-wrap #form-login #form-login-password input:hover,
.form-wrap #form-login #form-login-password input:focus,
.form-wrap #form-login #form-login-secretkey input:hover,
.form-wrap #form-login #form-login-secretkey input:focus {
				border-color: #0d6efd;
}
.form-wrap #form-login #submit-buton {
				padding-top: 1rem;
				margin-bottom: 0;
}
.form-wrap #form-login input.button {
				background-color: #f1b008;
				-webkit-box-shadow: none;
				        box-shadow: none;
				border-radius: 3px;
				border: 0;
				color: var(--color-white);
				display: block;
				font-size: 1rem;
				font-weight: 500;
				padding: 12px 0;
				text-align: center;
				-webkit-transition: all 0.25s;
				transition: all 0.25s;
				text-shadow: none;
				width: 100%;
}
.form-wrap #form-login input.button:hover, .form-wrap #form-login input.button:focus, .form-wrap #form-login input.button:active {
				background-color: #0d6efd;
				cursor: pointer;
}

body.error-page .error-page-wrap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				min-height: 100vh;
}
body.error-page .error-info {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
body.error-page .error-info h2 {
				font-size: 32px;
				font-weight: 600;
				margin: 1rem 0 0;
}
body.error-page .error-code {
				font-size: 12rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				line-height: 1;
				width: 100%;
				text-align: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				font-weight: 600;
				color: #fff;
}
body.error-page .error-msg {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				text-align: center;
}
body.error-page .error-other-info {
				text-align: center;
}
body.error-page .error-other-info p {
				font-size: 18px;
				margin: 0.5rem 0;
}
body.error-page .error-other-info .page-redirect a {
				background-color: #F1B008;
				border-radius: 5px;
				color: #000;
				padding: 0.6666666667rem 1.5rem;
				text-decoration: none;
				-webkit-transition: all 0.25s ease;
				transition: all 0.25s ease;
				display: inline-block;
				margin-top: 2rem;
				font-weight: 500;
}
body.error-page .error-other-info .page-redirect a:hover, body.error-page .error-other-info .page-redirect a:focus, body.error-page .error-other-info .page-redirect a:active {
				opacity: 0.85;
}
/*# sourceMappingURL=jpages.css.map */