This commit is contained in:
Sas Andy
2024-04-23 11:35:52 +07:00
parent ba7f2dd44d
commit b07e44b86d
2247 changed files with 1644578 additions and 0 deletions

44
.air copy.toml Normal file
View File

@@ -0,0 +1,44 @@
root = "."
testdata_dir = "testdata"
tmp_dir = "tmp"
[build]
args_bin = []
bin = "./tmp/main"
cmd = "go build -o ./tmp/main ./cmd/main.go"
delay = 1000
exclude_dir = ["assets", "tmp", "vendor", "testdata"]
exclude_file = []
exclude_regex = ["_test.go"]
exclude_unchanged = false
follow_symlink = false
full_bin = ""
include_dir = []
include_ext = ["go", "tpl", "tmpl", "html"]
include_file = []
kill_delay = "10s"
log = "build-errors.log"
poll = false
poll_interval = 0
rerun = false
rerun_delay = 500
send_interrupt = false
stop_on_error = false
[color]
app = ""
build = "yellow"
main = "magenta"
runner = "green"
watcher = "cyan"
[log]
main_only = false
time = false
[misc]
clean_on_exit = false
[screen]
clear_on_rebuild = false
keep_scroll = true

44
.air.toml Normal file
View File

@@ -0,0 +1,44 @@
root = "."
testdata_dir = "testdata"
tmp_dir = "tmp"
[build]
args_bin = []
bin = "./tmp/main.exe"
cmd = "go build -o ./tmp/main.exe ./cmd/main.go"
delay = 1000
exclude_dir = ["assets", "tmp", "vendor", "testdata"]
exclude_file = []
exclude_regex = ["_test.go"]
exclude_unchanged = false
follow_symlink = false
full_bin = ""
include_dir = []
include_ext = ["go", "tpl", "tmpl", "html"]
include_file = []
kill_delay = "10s"
log = "build-errors.log"
poll = false
poll_interval = 0
rerun = false
rerun_delay = 500
send_interrupt = false
stop_on_error = false
[color]
app = ""
build = "yellow"
main = "magenta"
runner = "green"
watcher = "cyan"
[log]
main_only = false
time = false
[misc]
clean_on_exit = false
[screen]
clear_on_rebuild = false
keep_scroll = true

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
tmp
bin

21
LICENSE Normal file
View File

@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2023 Enrique Marín
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@@ -0,0 +1,216 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Corporate portal | Landing Page</title>
<meta name="description" content="Login page example" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--begin::Fonts-->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
/>
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link
href="assets/css/pages/login/login-1.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link
href="assets/plugins/global/plugins.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/plugins/custom/prismjs/prismjs.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link
href="assets/css/themes/layout/header/base/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/header/menu/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/brand/dark.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/aside/dark.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Layout Themes-->
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
</head>
<!--end::Head-->
<!--begin::Body-->
<body
id="kt_body"
class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
>
<!--begin::Main-->
<div class="d-flex flex-column flex-root bg-white">
<!-- begin::Navbar -->
<div
class="d-flex flex-lg-row justify-content-between py-5"
style="height: 119px; align-items: center"
>
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 39px"
/>
<ul class="nav">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle font-weight-bolder"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>
Dashboard
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
</div>
</li>
<li class="nav-item">
<a
class="nav-link disabled"
href="#"
tabindex="-1"
aria-disabled="true"
>Disabled</a
>
</li>
</ul>
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 39px"
/>
</div>
<!-- end::Navbar -->
</div>
<!--end::Main-->
<script>
var HOST_URL =
"https://preview.keenthemes.com/metronic/theme/html/tools/preview";
</script>
<!--begin::Global Config(global config for global JS scripts)-->
<script>
var KTAppSettings = {
breakpoints: {
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400,
},
colors: {
theme: {
base: {
white: "#ffffff",
primary: "#3699FF",
secondary: "#E5EAEE",
success: "#1BC5BD",
info: "#8950FC",
warning: "#FFA800",
danger: "#F64E60",
light: "#E4E6EF",
dark: "#181C32",
},
light: {
white: "#ffffff",
primary: "#E1F0FF",
secondary: "#EBEDF3",
success: "#C9F7F5",
info: "#EEE5FF",
warning: "#FFF4DE",
danger: "#FFE2E5",
light: "#F3F6F9",
dark: "#D6D6E0",
},
inverse: {
white: "#ffffff",
primary: "#ffffff",
secondary: "#3F4254",
success: "#ffffff",
info: "#ffffff",
warning: "#ffffff",
danger: "#ffffff",
light: "#464E5F",
dark: "#ffffff",
},
},
gray: {
"gray-100": "#F3F6F9",
"gray-200": "#EBEDF3",
"gray-300": "#E4E6EF",
"gray-400": "#D1D3E0",
"gray-500": "#B5B5C3",
"gray-600": "#7E8299",
"gray-700": "#5E6278",
"gray-800": "#3F4254",
"gray-900": "#181C32",
},
},
"font-family": "Poppins",
};
</script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<!--begin::Page Scripts(used by this page)-->
<!-- <script src="asset-corporate-portal/js/login-general.js"></script> -->
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

View File

@@ -0,0 +1,544 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Corporate portal | Login Page</title>
<meta name="description" content="Login page example" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--begin::Fonts-->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
/>
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link
href="assets/css/pages/login/login-1.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link
href="assets/plugins/global/plugins.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/plugins/custom/prismjs/prismjs.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link
href="assets/css/themes/layout/header/base/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/header/menu/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/brand/dark.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/aside/dark.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Layout Themes-->
<link
rel="shortcut icon"
href="asset-corporate-portal/media/logo-small.jpg"
/>
<style>
.title-company {
color: #181c32;
font-family: Poppins;
font-size: 31px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.3px;
}
.subtitle-company {
color: #a7a8bb;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.aside-title {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.84px;
}
.aside-subtitle {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
letter-spacing: -0.48px;
}
</style>
</head>
<!--end::Head-->
<!--begin::Body-->
<body
id="kt_body"
class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
>
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Login-->
<div
class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
id="kt_login"
>
<!--begin::Aside-->
<div
class="login-aside d-flex flex-column flex-row-auto"
style="background-color: #3b4f9f"
>
<!--begin::Aside Top-->
<div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15 px-10">
<!--begin::Aside header-->
<div class="aside-title mb-5">
Empowering Your Workforce's Health
</div>
<!--end::Aside header-->
<!--begin::Aside title-->
<div class="aside-subtitle">
Discover peace of mind and prioritize your health with our
comprehensive medical check-up packages
</div>
<!--end::Aside title-->
</div>
<!--end::Aside Top-->
<!--begin::Aside Bottom-->
<div
class="d-flex bgi-no-repeat flex-row-fluid justify-content-center align-items-end"
>
<img
src="asset-corporate-portal/media/login-company-vector.png"
class="img-fluid"
style="height: 55vh; width: 55vh"
/>
</div>
<!--end::Aside Bottom-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div
class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
>
<!--begin::Content body-->
<div class="d-flex flex-column-fluid flex-center">
<!--begin::Signin-->
<div class="login-form login-signin">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_signin_form"
>
<!--begin::Title-->
<div class="d-flex justify-content-center mb-5">
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 103px"
/>
</div>
<div class="pt-2">
<h3
class="d-flex justify-content-center title-company"
style="color: black"
>
Welcome to Corporate Portal
</h3>
</div>
<div class="pb-10 pt-0">
<h3 class="subtitle-company" style="color: #a7a8bb">
Sign in to access your account
</h3>
</div>
<!--begin::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark"
>Email</label
>
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg"
type="text"
name="username"
autocomplete="off"
placeholder="Enter your email"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<div class="d-flex justify-content-between mt-n5">
<label
class="font-size-h6 font-weight-bolder text-dark pt-5"
>Password</label
>
</div>
<div class="input-group">
<!-- form-control form-control-solid -->
<input
class="h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0"
type="password"
name="password"
id="user-password"
autocomplete="off"
placeholder="Enter your password"
/>
<div class="input-group-append">
<span
class="input-group-text rounded-lg rounded-left-0"
style="border: 0"
>
<!-- far fa-eye-slash -->
<a class="btn" role="button" id="btn-show">
<i class="far fa-eye-slash" id="password-icon"></i>
</a>
</span>
</div>
</div>
</div>
<div class="d-flex justify-content-end">
<a
href="javascript:;"
class="font-size-h6 font-weight-bolder text-hover-primary mb-5"
id="kt_login_forgot"
style="color: #0c518c"
>
Forgot Password ?
</a>
</div>
<!--end::Form group-->
<!--begin::Action-->
<div class="pb-lg-0 pb-5 pt-5">
<button
type="button"
id="kt_login_signin_submit"
style="background-color: #0c518c"
class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5"
>
Sign In
</button>
</div>
<!--end::Action-->
</form>
<!--end::Form-->
</div>
<!--end::Signin-->
<!--begin::Signup -->
<div class="login-form login-signup">
<!--begin::Form -->
<form
class="form"
novalidate="novalidate"
id="kt_login_signup_form"
>
<!--begin::Title -->
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Sign Up
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your details to create your account
</p>
</div>
<!--end::Title -->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="text"
placeholder="Fullname"
name="fullname"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Password"
name="password"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Confirm password"
name="cpassword"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<label class="checkbox mb-0">
<input type="checkbox" name="agree" />I Agree the
<a href="#">terms and conditions</a>.
<span></span>
</label>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
<button
type="button"
id="kt_login_signup_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
>
Submit
</button>
<button
type="button"
id="kt_login_signup_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form -->
</div>
<!--end::Signup -->
<!--begin::Forgot-->
<div class="login-form login-forgot">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_forgot_form"
>
<!--begin::Title-->
<div class="d-flex justify-content-center mb-5">
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 103px"
/>
</div>
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Forgotten Password ?
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your email to reset your password
</p>
</div>
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0">
<button
type="button"
id="kt_login_forgot_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 btn-block"
style="background-color: #3b4f9f !important"
>
Submit
</button>
<button
type="button"
id="kt_login_forgot_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 btn-block"
style="
color: #3b4f9f !important;
background-color: #e1f0ff !important;
"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form-->
</div>
<!--end::Forgot-->
</div>
<!--end::Content body-->
<!--end::Content footer-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
</div>
<!--end::Main-->
<script>
var HOST_URL =
"https://preview.keenthemes.com/metronic/theme/html/tools/preview";
</script>
<!--begin::Global Config(global config for global JS scripts)-->
<script>
var KTAppSettings = {
breakpoints: {
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400,
},
colors: {
theme: {
base: {
white: "#ffffff",
primary: "#3699FF",
secondary: "#E5EAEE",
success: "#1BC5BD",
info: "#8950FC",
warning: "#FFA800",
danger: "#F64E60",
light: "#E4E6EF",
dark: "#181C32",
},
light: {
white: "#ffffff",
primary: "#E1F0FF",
secondary: "#EBEDF3",
success: "#C9F7F5",
info: "#EEE5FF",
warning: "#FFF4DE",
danger: "#FFE2E5",
light: "#F3F6F9",
dark: "#D6D6E0",
},
inverse: {
white: "#ffffff",
primary: "#ffffff",
secondary: "#3F4254",
success: "#ffffff",
info: "#ffffff",
warning: "#ffffff",
danger: "#ffffff",
light: "#464E5F",
dark: "#ffffff",
},
},
gray: {
"gray-100": "#F3F6F9",
"gray-200": "#EBEDF3",
"gray-300": "#E4E6EF",
"gray-400": "#D1D3E0",
"gray-500": "#B5B5C3",
"gray-600": "#7E8299",
"gray-700": "#5E6278",
"gray-800": "#3F4254",
"gray-900": "#181C32",
},
},
"font-family": "Poppins",
};
</script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<!--begin::Page Scripts(used by this page)-->
<script src="asset-corporate-portal/js/login-general.js"></script>
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

View File

@@ -0,0 +1,537 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Corporate portal | Login Page</title>
<meta name="description" content="Login page example" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--begin::Fonts-->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
/>
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link
href="assets/css/pages/login/login-1.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link
href="assets/plugins/global/plugins.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/plugins/custom/prismjs/prismjs.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link
href="assets/css/themes/layout/header/base/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/header/menu/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/brand/dark.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/aside/dark.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Layout Themes-->
<link
rel="shortcut icon"
href="asset-corporate-portal/media/logo-small.jpg"
/>
<style>
.title-company {
color: #181c32;
font-family: Poppins;
font-size: 31px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.3px;
}
.subtitle-company {
color: #a7a8bb;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.aside-title {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.84px;
}
.aside-subtitle {
color: #fff;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
letter-spacing: -0.48px;
}
</style>
</head>
<!--end::Head-->
<!--begin::Body-->
<body
id="kt_body"
class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
>
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Login-->
<div
class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
id="kt_login"
>
<!--begin::Aside-->
<div
class="login-aside d-flex flex-column flex-row-auto"
style="background-color: #3b4f9f"
>
<!--begin::Aside Top-->
<div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15 px-10">
<!--begin::Aside header-->
<div class="aside-title mb-5">
Empowering Your Workforce's Health
</div>
<!--end::Aside header-->
<!--begin::Aside title-->
<div class="aside-subtitle">
Discover peace of mind and prioritize your health with our
comprehensive medical check-up packages
</div>
<!--end::Aside title-->
</div>
<!--end::Aside Top-->
<!--begin::Aside Bottom-->
<div
class="d-flex bgi-no-repeat flex-row-fluid justify-content-center align-items-end"
>
<img
src="asset-corporate-portal/media/login-pasien-vector.png"
class="img-fluid"
style="height: 55vh; width: 55vh"
/>
</div>
<!--end::Aside Bottom-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div
class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
>
<!--begin::Content body-->
<div class="d-flex flex-column-fluid flex-center">
<!--begin::Signin-->
<div class="login-form login-signin">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_signin_form"
>
<!--begin::Title-->
<div class="d-flex justify-content-center mb-5">
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 106px"
/>
</div>
<div class="pt-2">
<h3
class="d-flex justify-content-center title-company"
style="color: black"
>
Welcome to Corporate Portal
</h3>
</div>
<div class="pb-10 pt-0">
<h3 class="subtitle-company" style="color: #a7a8bb">
Sign in to access your account
</h3>
</div>
<!--begin::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark"
>Email</label
>
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg"
type="text"
name="username"
autocomplete="off"
placeholder="Enter your email"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<div class="d-flex justify-content-between mt-n5">
<label
class="font-size-h6 font-weight-bolder text-dark pt-5"
>Password</label
>
</div>
<div class="input-group">
<!-- form-control form-control-solid -->
<input
class="h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0"
type="password"
name="password"
id="user-password"
autocomplete="off"
placeholder="Enter your password"
/>
<div class="input-group-append">
<span
class="input-group-text rounded-lg rounded-left-0"
style="border: 0"
>
<!-- far fa-eye-slash -->
<a class="btn" role="button" id="btn-show">
<i class="far fa-eye-slash" id="password-icon"></i>
</a>
</span>
</div>
</div>
</div>
<div class="d-flex justify-content-end">
<a
href="javascript:;"
class="font-size-h6 font-weight-bolder text-hover-primary mb-5"
id="kt_login_forgot"
style="color: #0c518c"
>
Forgot Password ?
</a>
</div>
<!--end::Form group-->
<!--begin::Action-->
<div class="pb-lg-0 pb-5 pt-5">
<button
type="button"
id="kt_login_signin_submit"
style="background-color: #0c518c"
class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5"
>
Sign In
</button>
</div>
<!--end::Action-->
</form>
<!--end::Form-->
</div>
<!--end::Signin-->
<!--begin::Signup -->
<div class="login-form login-signup">
<!--begin::Form -->
<form
class="form"
novalidate="novalidate"
id="kt_login_signup_form"
>
<!--begin::Title -->
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Sign Up
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your details to create your account
</p>
</div>
<!--end::Title -->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="text"
placeholder="Fullname"
name="fullname"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Password"
name="password"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Confirm password"
name="cpassword"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<label class="checkbox mb-0">
<input type="checkbox" name="agree" />I Agree the
<a href="#">terms and conditions</a>.
<span></span>
</label>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
<button
type="button"
id="kt_login_signup_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
>
Submit
</button>
<button
type="button"
id="kt_login_signup_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form -->
</div>
<!--end::Signup -->
<!--begin::Forgot-->
<div class="login-form login-forgot">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_forgot_form"
>
<!--begin::Title-->
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Forgotten Password ?
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your email to reset your password
</p>
</div>
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0">
<button
type="button"
id="kt_login_forgot_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 btn-block"
style="background-color: #3b4f9f !important"
>
Submit
</button>
<button
type="button"
id="kt_login_forgot_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 btn-block"
style="
color: #3b4f9f !important;
background-color: #e1f0ff !important;
"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form-->
</div>
<!--end::Forgot-->
</div>
<!--end::Content body-->
<!--end::Content footer-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
</div>
<!--end::Main-->
<script>
var HOST_URL =
"https://preview.keenthemes.com/metronic/theme/html/tools/preview";
</script>
<!--begin::Global Config(global config for global JS scripts)-->
<script>
var KTAppSettings = {
breakpoints: {
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400,
},
colors: {
theme: {
base: {
white: "#ffffff",
primary: "#3699FF",
secondary: "#E5EAEE",
success: "#1BC5BD",
info: "#8950FC",
warning: "#FFA800",
danger: "#F64E60",
light: "#E4E6EF",
dark: "#181C32",
},
light: {
white: "#ffffff",
primary: "#E1F0FF",
secondary: "#EBEDF3",
success: "#C9F7F5",
info: "#EEE5FF",
warning: "#FFF4DE",
danger: "#FFE2E5",
light: "#F3F6F9",
dark: "#D6D6E0",
},
inverse: {
white: "#ffffff",
primary: "#ffffff",
secondary: "#3F4254",
success: "#ffffff",
info: "#ffffff",
warning: "#ffffff",
danger: "#ffffff",
light: "#464E5F",
dark: "#ffffff",
},
},
gray: {
"gray-100": "#F3F6F9",
"gray-200": "#EBEDF3",
"gray-300": "#E4E6EF",
"gray-400": "#D1D3E0",
"gray-500": "#B5B5C3",
"gray-600": "#7E8299",
"gray-700": "#5E6278",
"gray-800": "#3F4254",
"gray-900": "#181C32",
},
},
"font-family": "Poppins",
};
</script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<!--begin::Page Scripts(used by this page)-->
<script src="asset-corporate-portal/js/login-general.js"></script>
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

469
assets/andy/login.html Normal file
View File

@@ -0,0 +1,469 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Corporate portal | Login Page</title>
<meta name="description" content="Login page example" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--begin::Fonts-->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
/>
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link
href="assets/css/pages/login/login-1.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link
href="assets/plugins/global/plugins.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/plugins/custom/prismjs/prismjs.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link
href="assets/css/themes/layout/header/base/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/header/menu/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/brand/dark.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/aside/dark.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Layout Themes-->
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
</head>
<!--end::Head-->
<!--begin::Body-->
<body
id="kt_body"
class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
>
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Login-->
<div
class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
id="kt_login"
>
<!--begin::Aside-->
<div class="login-aside d-flex flex-column flex-row-auto">
<!--begin::Aside Top-->
<div class="d-flex flex-column-auto flex-column">
<!--begin::Aside header-->
<img
src="asset-corporate-portal/media/login.png"
alt=""
style="height: 100vh"
/>
<!--end::Aside header-->
</div>
<!--end::Aside Top-->
<!--end::Aside Bottom-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div
class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
>
<!--begin::Content body-->
<div class="d-flex flex-column-fluid flex-center">
<!--begin::Signin-->
<div class="login-form login-signin">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_signin_form"
>
<!--begin::Title-->
<div class="d-flex justify-content-center mb-5">
<img
src="asset-corporate-portal/media/logo.png"
alt=""
style="height: 106px"
/>
</div>
<div class="pb-13 pt-5">
<h3
class="font-weight-bolder font-size-h4 font-size-h1-lg d-flex justify-content-center title"
style="color: #0c518c"
>
Welcome to Corporate Portal
</h3>
</div>
<!--begin::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark"
>Email</label
>
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg"
type="text"
name="username"
autocomplete="off"
placeholder="Enter your email"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<div class="d-flex justify-content-between mt-n5">
<label
class="font-size-h6 font-weight-bolder text-dark pt-5"
>Password</label
>
</div>
<div class="input-group">
<!-- form-control form-control-solid -->
<input
class="h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0"
type="password"
name="password"
id="user-password"
autocomplete="off"
placeholder="Enter your password"
/>
<div class="input-group-append">
<span
class="input-group-text rounded-lg rounded-left-0"
style="border: 0"
>
<!-- far fa-eye-slash -->
<a class="btn" role="button" id="btn-show">
<i class="far fa-eye-slash" id="password-icon"></i>
</a>
</span>
</div>
</div>
</div>
<div class="d-flex justify-content-end">
<a
href="javascript:;"
class="font-size-h6 font-weight-bolder text-hover-primary mb-5"
id="kt_login_forgot"
style="color: #0c518c"
>
Forgot Password ?
</a>
</div>
<!--end::Form group-->
<!--begin::Action-->
<div class="pb-lg-0 pb-5 pt-5">
<button
type="button"
id="kt_login_signin_submit"
style="background-color: #0c518c"
class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5"
>
Sign In
</button>
</div>
<!--end::Action-->
</form>
<!--end::Form-->
</div>
<!--end::Signin-->
<!--begin::Signup -->
<div class="login-form login-signup">
<!--begin::Form -->
<form
class="form"
novalidate="novalidate"
id="kt_login_signup_form"
>
<!--begin::Title -->
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Sign Up
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your details to create your account
</p>
</div>
<!--end::Title -->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="text"
placeholder="Fullname"
name="fullname"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Password"
name="password"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="password"
placeholder="Confirm password"
name="cpassword"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<label class="checkbox mb-0">
<input type="checkbox" name="agree" />I Agree the
<a href="#">terms and conditions</a>.
<span></span>
</label>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
<button
type="button"
id="kt_login_signup_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
>
Submit
</button>
<button
type="button"
id="kt_login_signup_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form -->
</div>
<!--end::Signup -->
<!--begin::Forgot-->
<div class="login-form login-forgot">
<!--begin::Form-->
<form
class="form"
novalidate="novalidate"
id="kt_login_forgot_form"
>
<!--begin::Title-->
<div class="pb-13 pt-lg-0 pt-5">
<h3
class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
>
Forgotten Password ?
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your email to reset your password
</p>
</div>
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<input
class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
type="email"
placeholder="Email"
name="email"
autocomplete="off"
/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0">
<button
type="button"
id="kt_login_forgot_submit"
class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
>
Submit
</button>
<button
type="button"
id="kt_login_forgot_cancel"
class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
>
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form-->
</div>
<!--end::Forgot-->
</div>
<!--end::Content body-->
<!--end::Content footer-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
</div>
<!--end::Main-->
<script>
var HOST_URL =
"https://preview.keenthemes.com/metronic/theme/html/tools/preview";
</script>
<!--begin::Global Config(global config for global JS scripts)-->
<script>
var KTAppSettings = {
breakpoints: {
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400,
},
colors: {
theme: {
base: {
white: "#ffffff",
primary: "#3699FF",
secondary: "#E5EAEE",
success: "#1BC5BD",
info: "#8950FC",
warning: "#FFA800",
danger: "#F64E60",
light: "#E4E6EF",
dark: "#181C32",
},
light: {
white: "#ffffff",
primary: "#E1F0FF",
secondary: "#EBEDF3",
success: "#C9F7F5",
info: "#EEE5FF",
warning: "#FFF4DE",
danger: "#FFE2E5",
light: "#F3F6F9",
dark: "#D6D6E0",
},
inverse: {
white: "#ffffff",
primary: "#ffffff",
secondary: "#3F4254",
success: "#ffffff",
info: "#ffffff",
warning: "#ffffff",
danger: "#ffffff",
light: "#464E5F",
dark: "#ffffff",
},
},
gray: {
"gray-100": "#F3F6F9",
"gray-200": "#EBEDF3",
"gray-300": "#E4E6EF",
"gray-400": "#D1D3E0",
"gray-500": "#B5B5C3",
"gray-600": "#7E8299",
"gray-700": "#5E6278",
"gray-800": "#3F4254",
"gray-900": "#181C32",
},
},
"font-family": "Poppins",
};
</script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<!--begin::Page Scripts(used by this page)-->
<script src="asset-corporate-portal/js/login-general.js"></script>
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

338
assets/andy/login.php Normal file
View File

@@ -0,0 +1,338 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Metronic | Login Page 1</title>
<meta name="description" content="Login page example" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link href="assets/css/pages/login/login-1.css" rel="stylesheet" type="text/css" />
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link href="assets/css/themes/layout/header/base/light.css" rel="stylesheet" type="text/css" />
<link href="assets/css/themes/layout/header/menu/light.css" rel="stylesheet" type="text/css" />
<link href="assets/css/themes/layout/brand/dark.css" rel="stylesheet" type="text/css" />
<link href="assets/css/themes/layout/aside/dark.css" rel="stylesheet" type="text/css" />
<!--end::Layout Themes-->
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
</head>
<!--end::Head-->
<!--begin::Body-->
<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading">
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Login-->
<div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
<!--begin::Aside-->
<div class="login-aside d-flex flex-column flex-row-auto" style="background-color: #f2c98a">
<!--begin::Aside Top-->
<div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15">
<!--begin::Aside header-->
<a href="#" class="text-center mb-10">
<img src="assets/media/logos/logo-letter-1.png" class="max-h-70px" alt="" />
</a>
<!--end::Aside header-->
<!--begin::Aside title-->
<h3 class="font-weight-bolder text-center font-size-h4 font-size-h1-lg" style="color: #986923">
Discover Amazing Metronic<br />
with great build tools
</h3>
<!--end::Aside title-->
</div>
<!--end::Aside Top-->
<!--begin::Aside Bottom-->
<div class="aside-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center" style="
background-image: url(assets/media/svg/illustrations/login-visual-1.svg);
"></div>
<!--end::Aside Bottom-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
<!--begin::Content body-->
<div class="d-flex flex-column-fluid flex-center">
<!--begin::Signin-->
<div class="login-form login-signin">
<!--begin::Form-->
<form class="form" novalidate="novalidate" id="kt_login_signin_form">
<!--begin::Title-->
<div class="pb-13 pt-lg-0 pt-5">
<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg d-flex justify-content-center">
Welcome to Corporate Portal
</h3>
</div>
<!--begin::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark">Email</label>
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="text" name="username" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<div class="d-flex justify-content-between mt-n5">
<label class="font-size-h6 font-weight-bolder text-dark pt-5">Password</label>
<a href="javascript:;" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5" id="kt_login_forgot">
Forgot Password ?
</a>
</div>
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="password" name="password" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Action-->
<div class="pb-lg-0 pb-5">
<button type="button" id="kt_login_signin_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">
Sign In
</button>
<button type="button" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
<span class="svg-icon svg-icon-md"><!--begin::Svg Icon | path:assets/media/svg/social-icons/google.svg--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M19.9895 10.1871C19.9895 9.36767 19.9214 8.76973 19.7742 8.14966H10.1992V11.848H15.8195C15.7062 12.7671 15.0943 14.1512 13.7346 15.0813L13.7155 15.2051L16.7429 17.4969L16.9527 17.5174C18.879 15.7789 19.9895 13.221 19.9895 10.1871Z" fill="#4285F4" />
<path d="M10.1993 19.9313C12.9527 19.9313 15.2643 19.0454 16.9527 17.5174L13.7346 15.0813C12.8734 15.6682 11.7176 16.0779 10.1993 16.0779C7.50243 16.0779 5.21352 14.3395 4.39759 11.9366L4.27799 11.9466L1.13003 14.3273L1.08887 14.4391C2.76588 17.6945 6.21061 19.9313 10.1993 19.9313Z" fill="#34A853" />
<path d="M4.39748 11.9366C4.18219 11.3166 4.05759 10.6521 4.05759 9.96565C4.05759 9.27909 4.18219 8.61473 4.38615 7.99466L4.38045 7.8626L1.19304 5.44366L1.08875 5.49214C0.397576 6.84305 0.000976562 8.36008 0.000976562 9.96565C0.000976562 11.5712 0.397576 13.0882 1.08875 14.4391L4.39748 11.9366Z" fill="#FBBC05" />
<path d="M10.1993 3.85336C12.1142 3.85336 13.406 4.66168 14.1425 5.33717L17.0207 2.59107C15.253 0.985496 12.9527 0 10.1993 0C6.2106 0 2.76588 2.23672 1.08887 5.49214L4.38626 7.99466C5.21352 5.59183 7.50242 3.85336 10.1993 3.85336Z" fill="#EB4335" />
</svg><!--end::Svg Icon--></span>
Sign in with Google
</button>
</div>
<!--end::Action-->
</form>
<!--end::Form-->
</div>
<!--end::Signin-->
<!--begin::Signup-->
<div class="login-form login-signup">
<!--begin::Form-->
<form class="form" novalidate="novalidate" id="kt_login_signup_form">
<!--begin::Title-->
<div class="pb-13 pt-lg-0 pt-5">
<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
Sign Up
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your details to create your account
</p>
</div>
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="text" placeholder="Fullname" name="fullname" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Password" name="password" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Confirm password" name="cpassword" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<label class="checkbox mb-0">
<input type="checkbox" name="agree" />I Agree the
<a href="#">terms and conditions</a>.
<span></span>
</label>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
<button type="button" id="kt_login_signup_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
Submit
</button>
<button type="button" id="kt_login_signup_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form-->
</div>
<!--end::Signup-->
<!--begin::Forgot-->
<div class="login-form login-forgot">
<!--begin::Form-->
<form class="form" novalidate="novalidate" id="kt_login_forgot_form">
<!--begin::Title-->
<div class="pb-13 pt-lg-0 pt-5">
<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
Forgotten Password ?
</h3>
<p class="text-muted font-weight-bold font-size-h4">
Enter your email to reset your password
</p>
</div>
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group d-flex flex-wrap pb-lg-0">
<button type="button" id="kt_login_forgot_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
Submit
</button>
<button type="button" id="kt_login_forgot_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
Cancel
</button>
</div>
<!--end::Form group-->
</form>
<!--end::Form-->
</div>
<!--end::Forgot-->
</div>
<!--end::Content body-->
<!--begin::Content footer-->
<div class="d-flex justify-content-lg-start justify-content-center align-items-end py-7 py-lg-0">
<a href="#" class="text-primary font-weight-bolder font-size-h5">Terms</a>
<a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Plans</a>
<a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Contact Us</a>
</div>
<!--end::Content footer-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
</div>
<!--end::Main-->
<script>
var HOST_URL =
"https://preview.keenthemes.com/metronic/theme/html/tools/preview";
</script>
<!--begin::Global Config(global config for global JS scripts)-->
<script>
var KTAppSettings = {
breakpoints: {
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1400,
},
colors: {
theme: {
base: {
white: "#ffffff",
primary: "#3699FF",
secondary: "#E5EAEE",
success: "#1BC5BD",
info: "#8950FC",
warning: "#FFA800",
danger: "#F64E60",
light: "#E4E6EF",
dark: "#181C32",
},
light: {
white: "#ffffff",
primary: "#E1F0FF",
secondary: "#EBEDF3",
success: "#C9F7F5",
info: "#EEE5FF",
warning: "#FFF4DE",
danger: "#FFE2E5",
light: "#F3F6F9",
dark: "#D6D6E0",
},
inverse: {
white: "#ffffff",
primary: "#ffffff",
secondary: "#3F4254",
success: "#ffffff",
info: "#ffffff",
warning: "#ffffff",
danger: "#ffffff",
light: "#464E5F",
dark: "#ffffff",
},
},
gray: {
"gray-100": "#F3F6F9",
"gray-200": "#EBEDF3",
"gray-300": "#E4E6EF",
"gray-400": "#D1D3E0",
"gray-500": "#B5B5C3",
"gray-600": "#7E8299",
"gray-700": "#5E6278",
"gray-800": "#3F4254",
"gray-900": "#181C32",
},
},
"font-family": "Poppins",
};
</script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<!--begin::Page Scripts(used by this page)-->
<script src="assets/js/pages/custom/login/login-general.js"></script>
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

View File

@@ -0,0 +1,284 @@
"use strict";
// Class Definition
var KTLogin = function () {
var _login;
var _showForm = function (form) {
var cls = 'login-' + form + '-on';
var form = 'kt_login_' + form + '_form';
_login.removeClass('login-forgot-on');
_login.removeClass('login-signin-on');
_login.removeClass('login-signup-on');
_login.addClass(cls);
KTUtil.animateClass(KTUtil.getById(form), 'animate__animated animate__backInUp');
}
var _handleSignInForm = function () {
var validation;
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
validation = FormValidation.formValidation(
KTUtil.getById('kt_login_signin_form'),
{
fields: {
username: {
validators: {
notEmpty: {
message: 'Username is required'
}
}
},
password: {
validators: {
notEmpty: {
message: 'Password is required'
}
}
}
},
plugins: {
trigger: new FormValidation.plugins.Trigger(),
submitButton: new FormValidation.plugins.SubmitButton(),
//defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation
bootstrap: new FormValidation.plugins.Bootstrap()
}
}
);
$('#kt_login_signin_submit').on('click', function (e) {
e.preventDefault();
validation.validate().then(function (status) {
if (status == 'Valid') {
swal.fire({
text: "All is cool! Now you submit this form",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn font-weight-bold btn-light-primary"
}
}).then(function () {
KTUtil.scrollTop();
});
} else {
swal.fire({
text: "Sorry, looks like there are some errors detected, please try again.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn font-weight-bold btn-light-primary"
}
}).then(function () {
KTUtil.scrollTop();
});
}
});
});
// Handle forgot button
$('#kt_login_forgot').on('click', function (e) {
e.preventDefault();
_showForm('forgot');
});
// Handle signup
$('#kt_login_signup').on('click', function (e) {
e.preventDefault();
_showForm('signup');
});
$('#btn-show').on('click', function () {
var passInput = $("#user-password");
var passBtn = $("#password-icon");
if (passInput.attr('type') === 'password') {
passInput.attr('type', 'text');
passBtn.attr('class', 'far fa-eye')
} else {
passInput.attr('type', 'password');
passBtn.attr('class', 'far fa-eye-slash')
}
})
}
var _handleSignUpForm = function (e) {
var validation;
var form = KTUtil.getById('kt_login_signup_form');
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
validation = FormValidation.formValidation(
form,
{
fields: {
fullname: {
validators: {
notEmpty: {
message: 'Username is required'
}
}
},
email: {
validators: {
notEmpty: {
message: 'Email address is required'
},
emailAddress: {
message: 'The value is not a valid email address'
}
}
},
password: {
validators: {
notEmpty: {
message: 'The password is required'
}
}
},
cpassword: {
validators: {
notEmpty: {
message: 'The password confirmation is required'
},
identical: {
compare: function () {
return form.querySelector('[name="password"]').value;
},
message: 'The password and its confirm are not the same'
}
}
},
agree: {
validators: {
notEmpty: {
message: 'You must accept the terms and conditions'
}
}
},
},
plugins: {
trigger: new FormValidation.plugins.Trigger(),
bootstrap: new FormValidation.plugins.Bootstrap()
}
}
);
$('#kt_login_signup_submit').on('click', function (e) {
e.preventDefault();
validation.validate().then(function (status) {
if (status == 'Valid') {
swal.fire({
text: "All is cool! Now you submit this form",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn font-weight-bold btn-light-primary"
}
}).then(function () {
KTUtil.scrollTop();
});
} else {
swal.fire({
text: "Sorry, looks like there are some errors detected, please try again.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn font-weight-bold btn-light-primary"
}
}).then(function () {
KTUtil.scrollTop();
});
}
});
});
// Handle cancel button
$('#kt_login_signup_cancel').on('click', function (e) {
e.preventDefault();
_showForm('signin');
});
}
var _handleForgotForm = function (e) {
var validation;
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
validation = FormValidation.formValidation(
KTUtil.getById('kt_login_forgot_form'),
{
fields: {
email: {
validators: {
notEmpty: {
message: 'Email address is required'
},
emailAddress: {
message: 'The value is not a valid email address'
}
}
}
},
plugins: {
trigger: new FormValidation.plugins.Trigger(),
bootstrap: new FormValidation.plugins.Bootstrap()
}
}
);
// Handle submit button
$('#kt_login_forgot_submit').on('click', function (e) {
e.preventDefault();
validation.validate().then(function (status) {
if (status == 'Valid') {
// Submit form
KTUtil.scrollTop();
} else {
swal.fire({
text: "Sorry, looks like there are some errors detected, please try again.",
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn font-weight-bold btn-light-primary"
}
}).then(function () {
KTUtil.scrollTop();
});
}
});
});
// Handle cancel button
$('#kt_login_forgot_cancel').on('click', function (e) {
e.preventDefault();
_showForm('signin');
});
}
// Public Functions
return {
// public functions
init: function () {
_login = $('#kt_login');
_handleSignInForm();
_handleSignUpForm();
_handleForgotForm();
}
};
}();
// Class Initialization
jQuery(document).ready(function () {
KTLogin.init();
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

View File

@@ -0,0 +1,6 @@
.error.error-3 .error-title {
font-size: 8.7rem !important; }
@media (min-width: 768px) {
.error.error-3 .error-title {
font-size: 15.7rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-3 .error-title{font-size:8.7rem!important}@media (min-width:768px){.error.error-3 .error-title{font-size:15.7rem!important}}

View File

@@ -0,0 +1,6 @@
.error.error-3 .error-title {
font-size: 8.7rem !important; }
@media (min-width: 768px) {
.error.error-3 .error-title {
font-size: 15.7rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-3 .error-title{font-size:8.7rem!important}@media (min-width:768px){.error.error-3 .error-title{font-size:15.7rem!important}}

View File

@@ -0,0 +1,11 @@
.error.error-4 .error-title {
font-size: 8.7rem !important; }
.error.error-4 .error-subtitle {
font-size: 4.5rem !important; }
@media (min-width: 768px) {
.error.error-4 .error-title {
font-size: 15.7rem !important; }
.error.error-4 .error-subtitle {
font-size: 9.5rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-4 .error-title{font-size:8.7rem!important}.error.error-4 .error-subtitle{font-size:4.5rem!important}@media (min-width:768px){.error.error-4 .error-title{font-size:15.7rem!important}.error.error-4 .error-subtitle{font-size:9.5rem!important}}

View File

@@ -0,0 +1,11 @@
.error.error-4 .error-title {
font-size: 8.7rem !important; }
.error.error-4 .error-subtitle {
font-size: 4.5rem !important; }
@media (min-width: 768px) {
.error.error-4 .error-title {
font-size: 15.7rem !important; }
.error.error-4 .error-subtitle {
font-size: 9.5rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-4 .error-title{font-size:8.7rem!important}.error.error-4 .error-subtitle{font-size:4.5rem!important}@media (min-width:768px){.error.error-4 .error-title{font-size:15.7rem!important}.error.error-4 .error-subtitle{font-size:9.5rem!important}}

View File

@@ -0,0 +1,6 @@
.error.error-5 .error-title {
font-size: 7rem !important; }
@media (min-width: 768px) {
.error.error-5 .error-title {
font-size: 14rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-5 .error-title{font-size:7rem!important}@media (min-width:768px){.error.error-5 .error-title{font-size:14rem!important}}

View File

@@ -0,0 +1,6 @@
.error.error-5 .error-title {
font-size: 7rem !important; }
@media (min-width: 768px) {
.error.error-5 .error-title {
font-size: 14rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-5 .error-title{font-size:7rem!important}@media (min-width:768px){.error.error-5 .error-title{font-size:14rem!important}}

View File

@@ -0,0 +1,6 @@
.error.error-6 .error-title {
font-size: 5rem !important; }
@media (min-width: 768px) {
.error.error-6 .error-title {
font-size: 10rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-6 .error-title{font-size:5rem!important}@media (min-width:768px){.error.error-6 .error-title{font-size:10rem!important}}

View File

@@ -0,0 +1,6 @@
.error.error-6 .error-title {
font-size: 5rem !important; }
@media (min-width: 768px) {
.error.error-6 .error-title {
font-size: 10rem !important; } }

View File

@@ -0,0 +1 @@
.error.error-6 .error-title{font-size:5rem!important}@media (min-width:768px){.error.error-6 .error-title{font-size:10rem!important}}

View File

@@ -0,0 +1,54 @@
.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
display: none; }
.login.login-1.login-signin-on .login-signup {
display: none; }
.login.login-1.login-signin-on .login-signin {
display: block; }
.login.login-1.login-signin-on .login-forgot {
display: none; }
.login.login-1.login-signup-on .login-signup {
display: block; }
.login.login-1.login-signup-on .login-signin {
display: none; }
.login.login-1.login-signup-on .login-forgot {
display: none; }
.login.login-1.login-forgot-on .login-signup {
display: none; }
.login.login-1.login-forgot-on .login-signin {
display: none; }
.login.login-1.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-1 .login-form {
width: 100%;
max-width: 400px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 400px; } }
@media (max-width: 991.98px) {
.login.login-1 .login-form {
width: 100%;
max-width: 350px; } }
@media (max-width: 575.98px) {
.login.login-1 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-1 .login-forgot,.login.login-1 .login-signin,.login.login-1 .login-signup{display:none}.login.login-1.login-signin-on .login-signup{display:none}.login.login-1.login-signin-on .login-signin{display:block}.login.login-1.login-signin-on .login-forgot{display:none}.login.login-1.login-signup-on .login-signup{display:block}.login.login-1.login-signup-on .login-signin{display:none}.login.login-1.login-signup-on .login-forgot{display:none}.login.login-1.login-forgot-on .login-signup{display:none}.login.login-1.login-forgot-on .login-signin{display:none}.login.login-1.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-1 .login-aside{width:100%;max-width:600px}.login.login-1 .login-form{width:100%;max-width:400px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-1 .login-aside{width:100%;max-width:400px}}@media (max-width:991.98px){.login.login-1 .login-form{width:100%;max-width:350px}}@media (max-width:575.98px){.login.login-1 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,54 @@
.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
display: none; }
.login.login-1.login-signin-on .login-signup {
display: none; }
.login.login-1.login-signin-on .login-signin {
display: block; }
.login.login-1.login-signin-on .login-forgot {
display: none; }
.login.login-1.login-signup-on .login-signup {
display: block; }
.login.login-1.login-signup-on .login-signin {
display: none; }
.login.login-1.login-signup-on .login-forgot {
display: none; }
.login.login-1.login-forgot-on .login-signup {
display: none; }
.login.login-1.login-forgot-on .login-signin {
display: none; }
.login.login-1.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-1 .login-form {
width: 100%;
max-width: 400px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 400px; } }
@media (max-width: 991.98px) {
.login.login-1 .login-form {
width: 100%;
max-width: 350px; } }
@media (max-width: 575.98px) {
.login.login-1 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-1 .login-forgot,.login.login-1 .login-signin,.login.login-1 .login-signup{display:none}.login.login-1.login-signin-on .login-signup{display:none}.login.login-1.login-signin-on .login-signin{display:block}.login.login-1.login-signin-on .login-forgot{display:none}.login.login-1.login-signup-on .login-signup{display:block}.login.login-1.login-signup-on .login-signin{display:none}.login.login-1.login-signup-on .login-forgot{display:none}.login.login-1.login-forgot-on .login-signup{display:none}.login.login-1.login-forgot-on .login-signin{display:none}.login.login-1.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-1 .login-aside{width:100%;max-width:600px}.login.login-1 .login-form{width:100%;max-width:400px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-1 .login-aside{width:100%;max-width:400px}}@media (max-width:991.98px){.login.login-1 .login-form{width:100%;max-width:350px}}@media (max-width:575.98px){.login.login-1 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,54 @@
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
display: none; }
.login.login-2.login-signin-on .login-signup {
display: none; }
.login.login-2.login-signin-on .login-signin {
display: block; }
.login.login-2.login-signin-on .login-forgot {
display: none; }
.login.login-2.login-signup-on .login-signup {
display: block; }
.login.login-2.login-signup-on .login-signin {
display: none; }
.login.login-2.login-signup-on .login-forgot {
display: none; }
.login.login-2.login-forgot-on .login-signup {
display: none; }
.login.login-2.login-forgot-on .login-signin {
display: none; }
.login.login-2.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-2 .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-2 .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-2 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-2 .login-forgot,.login.login-2 .login-signin,.login.login-2 .login-signup{display:none}.login.login-2.login-signin-on .login-signup{display:none}.login.login-2.login-signin-on .login-signin{display:block}.login.login-2.login-signin-on .login-forgot{display:none}.login.login-2.login-signup-on .login-signup{display:block}.login.login-2.login-signup-on .login-signin{display:none}.login.login-2.login-signup-on .login-forgot{display:none}.login.login-2.login-forgot-on .login-signup{display:none}.login.login-2.login-forgot-on .login-signin{display:none}.login.login-2.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-2 .login-aside{width:100%;max-width:600px}.login.login-2 .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-2 .login-aside{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-2 .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-2 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,54 @@
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
display: none; }
.login.login-2.login-signin-on .login-signup {
display: none; }
.login.login-2.login-signin-on .login-signin {
display: block; }
.login.login-2.login-signin-on .login-forgot {
display: none; }
.login.login-2.login-signup-on .login-signup {
display: block; }
.login.login-2.login-signup-on .login-signin {
display: none; }
.login.login-2.login-signup-on .login-forgot {
display: none; }
.login.login-2.login-forgot-on .login-signup {
display: none; }
.login.login-2.login-forgot-on .login-signin {
display: none; }
.login.login-2.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-2 .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-2 .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-2 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-2 .login-forgot,.login.login-2 .login-signin,.login.login-2 .login-signup{display:none}.login.login-2.login-signin-on .login-signup{display:none}.login.login-2.login-signin-on .login-signin{display:block}.login.login-2.login-signin-on .login-forgot{display:none}.login.login-2.login-signup-on .login-signup{display:block}.login.login-2.login-signup-on .login-signin{display:none}.login.login-2.login-signup-on .login-forgot{display:none}.login.login-2.login-forgot-on .login-signup{display:none}.login.login-2.login-forgot-on .login-signin{display:none}.login.login-2.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-2 .login-aside{width:100%;max-width:600px}.login.login-2 .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-2 .login-aside{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-2 .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-2 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-3 .login-signin,
.login.login-3 .login-signup,
.login.login-3 .login-forgot {
display: none; }
.login.login-3.login-signin-on .login-signup {
display: none; }
.login.login-3.login-signin-on .login-signin {
display: block; }
.login.login-3.login-signin-on .login-forgot {
display: none; }
.login.login-3.login-signup-on .login-signup {
display: block; }
.login.login-3.login-signup-on .login-signin {
display: none; }
.login.login-3.login-signup-on .login-forgot {
display: none; }
.login.login-3.login-forgot-on .login-signup {
display: none; }
.login.login-3.login-forgot-on .login-signin {
display: none; }
.login.login-3.login-forgot-on .login-forgot {
display: block; }
.login.login-3 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-3 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-3 .login-forgot,.login.login-3 .login-signin,.login.login-3 .login-signup{display:none}.login.login-3.login-signin-on .login-signup{display:none}.login.login-3.login-signin-on .login-signin{display:block}.login.login-3.login-signin-on .login-forgot{display:none}.login.login-3.login-signup-on .login-signup{display:block}.login.login-3.login-signup-on .login-signin{display:none}.login.login-3.login-signup-on .login-forgot{display:none}.login.login-3.login-forgot-on .login-signup{display:none}.login.login-3.login-forgot-on .login-signin{display:none}.login.login-3.login-forgot-on .login-forgot{display:block}.login.login-3 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-3 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-3 .login-signin,
.login.login-3 .login-signup,
.login.login-3 .login-forgot {
display: none; }
.login.login-3.login-signin-on .login-signup {
display: none; }
.login.login-3.login-signin-on .login-signin {
display: block; }
.login.login-3.login-signin-on .login-forgot {
display: none; }
.login.login-3.login-signup-on .login-signup {
display: block; }
.login.login-3.login-signup-on .login-signin {
display: none; }
.login.login-3.login-signup-on .login-forgot {
display: none; }
.login.login-3.login-forgot-on .login-signup {
display: none; }
.login.login-3.login-forgot-on .login-signin {
display: none; }
.login.login-3.login-forgot-on .login-forgot {
display: block; }
.login.login-3 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-3 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-3 .login-forgot,.login.login-3 .login-signin,.login.login-3 .login-signup{display:none}.login.login-3.login-signin-on .login-signup{display:none}.login.login-3.login-signin-on .login-signin{display:block}.login.login-3.login-signin-on .login-forgot{display:none}.login.login-3.login-signup-on .login-signup{display:block}.login.login-3.login-signup-on .login-signin{display:none}.login.login-3.login-signup-on .login-forgot{display:none}.login.login-3.login-forgot-on .login-signup{display:none}.login.login-3.login-forgot-on .login-signin{display:none}.login.login-3.login-forgot-on .login-forgot{display:block}.login.login-3 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-3 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
display: none; }
.login.login-4.login-signin-on .login-signup {
display: none; }
.login.login-4.login-signin-on .login-signin {
display: block; }
.login.login-4.login-signin-on .login-forgot {
display: none; }
.login.login-4.login-signup-on .login-signup {
display: block; }
.login.login-4.login-signup-on .login-signin {
display: none; }
.login.login-4.login-signup-on .login-forgot {
display: none; }
.login.login-4.login-forgot-on .login-signup {
display: none; }
.login.login-4.login-forgot-on .login-signin {
display: none; }
.login.login-4.login-forgot-on .login-forgot {
display: block; }
.login.login-4 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-4 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-4 .login-forgot,.login.login-4 .login-signin,.login.login-4 .login-signup{display:none}.login.login-4.login-signin-on .login-signup{display:none}.login.login-4.login-signin-on .login-signin{display:block}.login.login-4.login-signin-on .login-forgot{display:none}.login.login-4.login-signup-on .login-signup{display:block}.login.login-4.login-signup-on .login-signin{display:none}.login.login-4.login-signup-on .login-forgot{display:none}.login.login-4.login-forgot-on .login-signup{display:none}.login.login-4.login-forgot-on .login-signin{display:none}.login.login-4.login-forgot-on .login-forgot{display:block}.login.login-4 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-4 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
display: none; }
.login.login-4.login-signin-on .login-signup {
display: none; }
.login.login-4.login-signin-on .login-signin {
display: block; }
.login.login-4.login-signin-on .login-forgot {
display: none; }
.login.login-4.login-signup-on .login-signup {
display: block; }
.login.login-4.login-signup-on .login-signin {
display: none; }
.login.login-4.login-signup-on .login-forgot {
display: none; }
.login.login-4.login-forgot-on .login-signup {
display: none; }
.login.login-4.login-forgot-on .login-signin {
display: none; }
.login.login-4.login-forgot-on .login-forgot {
display: block; }
.login.login-4 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-4 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-4 .login-forgot,.login.login-4 .login-signin,.login.login-4 .login-signup{display:none}.login.login-4.login-signin-on .login-signup{display:none}.login.login-4.login-signin-on .login-signin{display:block}.login.login-4.login-signin-on .login-forgot{display:none}.login.login-4.login-signup-on .login-signup{display:block}.login.login-4.login-signup-on .login-signin{display:none}.login.login-4.login-signup-on .login-forgot{display:none}.login.login-4.login-forgot-on .login-signup{display:none}.login.login-4.login-forgot-on .login-signin{display:none}.login.login-4.login-forgot-on .login-forgot{display:block}.login.login-4 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-4 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-5 .login-signin,
.login.login-5 .login-signup,
.login.login-5 .login-forgot {
display: none; }
.login.login-5.login-signin-on .login-signup {
display: none; }
.login.login-5.login-signin-on .login-signin {
display: block; }
.login.login-5.login-signin-on .login-forgot {
display: none; }
.login.login-5.login-signup-on .login-signup {
display: block; }
.login.login-5.login-signup-on .login-signin {
display: none; }
.login.login-5.login-signup-on .login-forgot {
display: none; }
.login.login-5.login-forgot-on .login-signup {
display: none; }
.login.login-5.login-forgot-on .login-signin {
display: none; }
.login.login-5.login-forgot-on .login-forgot {
display: block; }
.login.login-5 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-5 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-5 .login-forgot,.login.login-5 .login-signin,.login.login-5 .login-signup{display:none}.login.login-5.login-signin-on .login-signup{display:none}.login.login-5.login-signin-on .login-signin{display:block}.login.login-5.login-signin-on .login-forgot{display:none}.login.login-5.login-signup-on .login-signup{display:block}.login.login-5.login-signup-on .login-signin{display:none}.login.login-5.login-signup-on .login-forgot{display:none}.login.login-5.login-forgot-on .login-signup{display:none}.login.login-5.login-forgot-on .login-signin{display:none}.login.login-5.login-forgot-on .login-forgot{display:block}.login.login-5 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-5 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,40 @@
.login.login-5 .login-signin,
.login.login-5 .login-signup,
.login.login-5 .login-forgot {
display: none; }
.login.login-5.login-signin-on .login-signup {
display: none; }
.login.login-5.login-signin-on .login-signin {
display: block; }
.login.login-5.login-signin-on .login-forgot {
display: none; }
.login.login-5.login-signup-on .login-signup {
display: block; }
.login.login-5.login-signup-on .login-signin {
display: none; }
.login.login-5.login-signup-on .login-forgot {
display: none; }
.login.login-5.login-forgot-on .login-signup {
display: none; }
.login.login-5.login-forgot-on .login-signin {
display: none; }
.login.login-5.login-forgot-on .login-forgot {
display: block; }
.login.login-5 .login-form {
width: 100%;
max-width: 450px; }
@media (max-width: 575.98px) {
.login.login-5 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-5 .login-forgot,.login.login-5 .login-signin,.login.login-5 .login-signup{display:none}.login.login-5.login-signin-on .login-signup{display:none}.login.login-5.login-signin-on .login-signin{display:block}.login.login-5.login-signin-on .login-forgot{display:none}.login.login-5.login-signup-on .login-signup{display:block}.login.login-5.login-signup-on .login-signin{display:none}.login.login-5.login-signup-on .login-forgot{display:none}.login.login-5.login-forgot-on .login-signup{display:none}.login.login-5.login-forgot-on .login-signin{display:none}.login.login-5.login-forgot-on .login-forgot{display:block}.login.login-5 .login-form{width:100%;max-width:450px}@media (max-width:575.98px){.login.login-5 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,82 @@
.login.login-6 .login-signin,
.login.login-6 .login-signup,
.login.login-6 .login-forgot {
display: none; }
.login.login-6.login-signin-on .login-signup {
display: none; }
.login.login-6.login-signin-on .login-signin {
display: block; }
.login.login-6.login-signin-on .login-forgot {
display: none; }
.login.login-6.login-signup-on .login-signup {
display: block; }
.login.login-6.login-signup-on .login-signin {
display: none; }
.login.login-6.login-signup-on .login-forgot {
display: none; }
.login.login-6.login-forgot-on .login-signup {
display: none; }
.login.login-6.login-forgot-on .login-signin {
display: none; }
.login.login-6.login-forgot-on .login-forgot {
display: block; }
.login.login-6 .login-divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.login.login-6 .login-divider > div {
height: 400px;
background: #ffffff;
width: 30px;
-webkit-box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05);
box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05); }
@media (min-width: 992px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 350px; }
.login.login-6 .login-divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
width: 60%;
margin: 5px auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.login.login-6 .login-divider > div {
height: 30px;
background: #ffffff;
width: 100%;
-webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
@media (max-width: 767.98px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-6 .login-forgot,.login.login-6 .login-signin,.login.login-6 .login-signup{display:none}.login.login-6.login-signin-on .login-signup{display:none}.login.login-6.login-signin-on .login-signin{display:block}.login.login-6.login-signin-on .login-forgot{display:none}.login.login-6.login-signup-on .login-signup{display:block}.login.login-6.login-signup-on .login-signin{display:none}.login.login-6.login-signup-on .login-forgot{display:none}.login.login-6.login-forgot-on .login-signup{display:none}.login.login-6.login-forgot-on .login-signin{display:none}.login.login-6.login-forgot-on .login-forgot{display:block}.login.login-6 .login-divider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login.login-6 .login-divider>div{height:400px;background:#fff;width:30px;-webkit-box-shadow:-19px 0 35px -7px rgba(0,0,0,.05);box-shadow:-19px 0 35px -7px rgba(0,0,0,.05)}@media (min-width:992px){.login.login-6 .login-wrapper{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-6 .login-wrapper{width:100%;max-width:350px}.login.login-6 .login-divider{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:0;width:60%;margin:5px auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login.login-6 .login-divider>div{height:30px;background:#fff;width:100%;-webkit-box-shadow:0 -15px 30px -10px rgba(0,0,0,.1);box-shadow:0 -15px 30px -10px rgba(0,0,0,.1)}}@media (max-width:767.98px){.login.login-6 .login-wrapper{width:100%;max-width:100%}}

View File

@@ -0,0 +1,82 @@
.login.login-6 .login-signin,
.login.login-6 .login-signup,
.login.login-6 .login-forgot {
display: none; }
.login.login-6.login-signin-on .login-signup {
display: none; }
.login.login-6.login-signin-on .login-signin {
display: block; }
.login.login-6.login-signin-on .login-forgot {
display: none; }
.login.login-6.login-signup-on .login-signup {
display: block; }
.login.login-6.login-signup-on .login-signin {
display: none; }
.login.login-6.login-signup-on .login-forgot {
display: none; }
.login.login-6.login-forgot-on .login-signup {
display: none; }
.login.login-6.login-forgot-on .login-signin {
display: none; }
.login.login-6.login-forgot-on .login-forgot {
display: block; }
.login.login-6 .login-divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.login.login-6 .login-divider > div {
height: 400px;
background: #ffffff;
width: 30px;
-webkit-box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05);
box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05); }
@media (min-width: 992px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 350px; }
.login.login-6 .login-divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
width: 60%;
margin: 5px auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.login.login-6 .login-divider > div {
height: 30px;
background: #ffffff;
width: 100%;
-webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
@media (max-width: 767.98px) {
.login.login-6 .login-wrapper {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-6 .login-forgot,.login.login-6 .login-signin,.login.login-6 .login-signup{display:none}.login.login-6.login-signin-on .login-signup{display:none}.login.login-6.login-signin-on .login-signin{display:block}.login.login-6.login-signin-on .login-forgot{display:none}.login.login-6.login-signup-on .login-signup{display:block}.login.login-6.login-signup-on .login-signin{display:none}.login.login-6.login-signup-on .login-forgot{display:none}.login.login-6.login-forgot-on .login-signup{display:none}.login.login-6.login-forgot-on .login-signin{display:none}.login.login-6.login-forgot-on .login-forgot{display:block}.login.login-6 .login-divider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login.login-6 .login-divider>div{height:400px;background:#fff;width:30px;-webkit-box-shadow:19px 0 35px -7px rgba(0,0,0,.05);box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}@media (min-width:992px){.login.login-6 .login-wrapper{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-6 .login-wrapper{width:100%;max-width:350px}.login.login-6 .login-divider{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:0;width:60%;margin:5px auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login.login-6 .login-divider>div{height:30px;background:#fff;width:100%;-webkit-box-shadow:0 -15px 30px -10px rgba(0,0,0,.1);box-shadow:0 -15px 30px -10px rgba(0,0,0,.1)}}@media (max-width:767.98px){.login.login-6 .login-wrapper{width:100%;max-width:100%}}

View File

@@ -0,0 +1,63 @@
.login.login-1 .login-aside .aside-img {
min-height: 450px; }
.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
display: none; }
.login.login-1.login-signin-on .login-signup {
display: none; }
.login.login-1.login-signin-on .login-signin {
display: block; }
.login.login-1.login-signin-on .login-forgot {
display: none; }
.login.login-1.login-signup-on .login-signup {
display: block; }
.login.login-1.login-signup-on .login-signin {
display: none; }
.login.login-1.login-signup-on .login-forgot {
display: none; }
.login.login-1.login-forgot-on .login-signup {
display: none; }
.login.login-1.login-forgot-on .login-signin {
display: none; }
.login.login-1.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-1 .login-content {
width: 100%;
max-width: 500px; }
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-1 .aside-img {
min-height: 300px !important;
background-size: 400px; }
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-1 .login-aside .aside-img{min-height:450px}.login.login-1 .login-forgot,.login.login-1 .login-signin,.login.login-1 .login-signup{display:none}.login.login-1.login-signin-on .login-signup{display:none}.login.login-1.login-signin-on .login-signin{display:block}.login.login-1.login-signin-on .login-forgot{display:none}.login.login-1.login-signup-on .login-signup{display:block}.login.login-1.login-signup-on .login-signin{display:none}.login.login-1.login-signup-on .login-forgot{display:none}.login.login-1.login-forgot-on .login-signup{display:none}.login.login-1.login-forgot-on .login-signin{display:none}.login.login-1.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-1 .login-aside{width:100%;max-width:600px}.login.login-1 .login-content{width:100%;max-width:500px}.login.login-1 .login-content .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-1 .login-aside{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-1 .login-content .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-1 .aside-img{min-height:300px!important;background-size:400px}.login.login-1 .login-content .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,63 @@
.login.login-1 .login-aside .aside-img {
min-height: 450px; }
.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
display: none; }
.login.login-1.login-signin-on .login-signup {
display: none; }
.login.login-1.login-signin-on .login-signin {
display: block; }
.login.login-1.login-signin-on .login-forgot {
display: none; }
.login.login-1.login-signup-on .login-signup {
display: block; }
.login.login-1.login-signup-on .login-signin {
display: none; }
.login.login-1.login-signup-on .login-forgot {
display: none; }
.login.login-1.login-forgot-on .login-signup {
display: none; }
.login.login-1.login-forgot-on .login-signin {
display: none; }
.login.login-1.login-forgot-on .login-forgot {
display: block; }
@media (min-width: 992px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-1 .login-content {
width: 100%;
max-width: 500px; }
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-1 .login-aside {
width: 100%;
max-width: 450px; } }
@media (max-width: 991.98px) {
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-1 .aside-img {
min-height: 300px !important;
background-size: 400px; }
.login.login-1 .login-content .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-1 .login-aside .aside-img{min-height:450px}.login.login-1 .login-forgot,.login.login-1 .login-signin,.login.login-1 .login-signup{display:none}.login.login-1.login-signin-on .login-signup{display:none}.login.login-1.login-signin-on .login-signin{display:block}.login.login-1.login-signin-on .login-forgot{display:none}.login.login-1.login-signup-on .login-signup{display:block}.login.login-1.login-signup-on .login-signin{display:none}.login.login-1.login-signup-on .login-forgot{display:none}.login.login-1.login-forgot-on .login-signup{display:none}.login.login-1.login-forgot-on .login-signin{display:none}.login.login-1.login-forgot-on .login-forgot{display:block}@media (min-width:992px){.login.login-1 .login-aside{width:100%;max-width:600px}.login.login-1 .login-content{width:100%;max-width:500px}.login.login-1 .login-content .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-1 .login-aside{width:100%;max-width:450px}}@media (max-width:991.98px){.login.login-1 .login-content .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-1 .aside-img{min-height:300px!important;background-size:400px}.login.login-1 .login-content .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,65 @@
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
display: none; }
.login.login-2.login-signin-on .login-signup {
display: none; }
.login.login-2.login-signin-on .login-signin {
display: block; }
.login.login-2.login-signin-on .login-forgot {
display: none; }
.login.login-2.login-signup-on .login-signup {
display: block; }
.login.login-2.login-signup-on .login-signin {
display: none; }
.login.login-2.login-signup-on .login-forgot {
display: none; }
.login.login-2.login-forgot-on .login-signup {
display: none; }
.login.login-2.login-forgot-on .login-signin {
display: none; }
.login.login-2.login-forgot-on .login-forgot {
display: block; }
.login.login-2 .content .content-img {
min-height: 450px; }
@media (min-width: 992px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-2 .content .content-img {
min-height: 600px !important; }
.login.login-2 .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; } }
@media (max-width: 991.98px) {
.login.login-2 .content .content-img {
min-height: 470px !important;
background-size: 700px; }
.login.login-2 .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-2 .content .content-img {
min-height: 280px !important;
background-size: 400px; }
.login.login-2 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-2 .login-forgot,.login.login-2 .login-signin,.login.login-2 .login-signup{display:none}.login.login-2.login-signin-on .login-signup{display:none}.login.login-2.login-signin-on .login-signin{display:block}.login.login-2.login-signin-on .login-forgot{display:none}.login.login-2.login-signup-on .login-signup{display:block}.login.login-2.login-signup-on .login-signin{display:none}.login.login-2.login-signup-on .login-forgot{display:none}.login.login-2.login-forgot-on .login-signup{display:none}.login.login-2.login-forgot-on .login-signin{display:none}.login.login-2.login-forgot-on .login-forgot{display:block}.login.login-2 .content .content-img{min-height:450px}@media (min-width:992px){.login.login-2 .login-aside{width:100%;max-width:600px}.login.login-2 .content .content-img{min-height:600px!important}.login.login-2 .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-2 .login-aside{width:100%;max-width:600px}}@media (max-width:991.98px){.login.login-2 .content .content-img{min-height:470px!important;background-size:700px}.login.login-2 .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-2 .content .content-img{min-height:280px!important;background-size:400px}.login.login-2 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,65 @@
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
display: none; }
.login.login-2.login-signin-on .login-signup {
display: none; }
.login.login-2.login-signin-on .login-signin {
display: block; }
.login.login-2.login-signin-on .login-forgot {
display: none; }
.login.login-2.login-signup-on .login-signup {
display: block; }
.login.login-2.login-signup-on .login-signin {
display: none; }
.login.login-2.login-signup-on .login-forgot {
display: none; }
.login.login-2.login-forgot-on .login-signup {
display: none; }
.login.login-2.login-forgot-on .login-signin {
display: none; }
.login.login-2.login-forgot-on .login-forgot {
display: block; }
.login.login-2 .content .content-img {
min-height: 450px; }
@media (min-width: 992px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-2 .content .content-img {
min-height: 600px !important; }
.login.login-2 .login-form {
width: 100%;
max-width: 450px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-2 .login-aside {
width: 100%;
max-width: 600px; } }
@media (max-width: 991.98px) {
.login.login-2 .content .content-img {
min-height: 470px !important;
background-size: 700px; }
.login.login-2 .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-2 .content .content-img {
min-height: 280px !important;
background-size: 400px; }
.login.login-2 .login-form {
width: 100%;
max-width: 100%; } }

View File

@@ -0,0 +1 @@
.login.login-2 .login-forgot,.login.login-2 .login-signin,.login.login-2 .login-signup{display:none}.login.login-2.login-signin-on .login-signup{display:none}.login.login-2.login-signin-on .login-signin{display:block}.login.login-2.login-signin-on .login-forgot{display:none}.login.login-2.login-signup-on .login-signup{display:block}.login.login-2.login-signup-on .login-signin{display:none}.login.login-2.login-signup-on .login-forgot{display:none}.login.login-2.login-forgot-on .login-signup{display:none}.login.login-2.login-forgot-on .login-signin{display:none}.login.login-2.login-forgot-on .login-forgot{display:block}.login.login-2 .content .content-img{min-height:450px}@media (min-width:992px){.login.login-2 .login-aside{width:100%;max-width:600px}.login.login-2 .content .content-img{min-height:600px!important}.login.login-2 .login-form{width:100%;max-width:450px}}@media (min-width:992px) and (max-width:1399.98px){.login.login-2 .login-aside{width:100%;max-width:600px}}@media (max-width:991.98px){.login.login-2 .content .content-img{min-height:470px!important;background-size:700px}.login.login-2 .login-form{width:100%;max-width:400px}}@media (max-width:575.98px){.login.login-2 .content .content-img{min-height:280px!important;background-size:400px}.login.login-2 .login-form{width:100%;max-width:100%}}

View File

@@ -0,0 +1,178 @@
.login.login-3 .login-aside {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
.login.login-3 .login-aside .wizard-nav {
padding: 0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #F3F6F9;
margin-right: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 1.08rem;
font-weight: 500; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.login.login-3 .login-aside .aside-img-wizard {
min-height: 320px !important;
background-size: 400px; }
.login.login-3 .login-content {
background-color: #F3F5F9; }
.login.login-3 .login-content .form-group .fv-help-block {
font-size: 1.1rem !important;
padding-top: 3px; }
@media (min-width: 992px) {
.login.login-3 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-3 .login-aside .aside-img {
min-height: 550px !important;
background-size: 630px; }
.login.login-3 .login-content .top-signup {
max-width: 650px;
width: 100%; }
.login.login-3 .login-content .top-signin {
max-width: 450px;
width: 100%; }
.login.login-3 .login-content .top-forgot {
max-width: 450px;
width: 100%; }
.login.login-3 .login-content .login-form {
width: 100%;
max-width: 450px; }
.login.login-3 .login-content .login-form.login-form-signup {
max-width: 650px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-3 .login-aside {
width: 100%;
max-width: 400px; } }
@media (max-width: 991.98px) {
.login.login-3 .login-aside .aside-img {
min-height: 500px !important;
background-size: 500px; }
.login.login-3 .login-aside .login-logo {
text-align: center; }
.login.login-3 .login-aside .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.login.login-3 .login-content .top-signup {
width: 100%;
max-width: 400px; }
.login.login-3 .login-content .top-signin {
max-width: 400px;
width: 100%; }
.login.login-3 .login-content .top-forgot {
max-width: 400px;
width: 100%; }
.login.login-3 .login-content .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-3 .login-aside .aside-img {
min-height: 300px !important;
background-size: 350px; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,178 @@
.login.login-3 .login-aside {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
.login.login-3 .login-aside .wizard-nav {
padding: 0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #F3F6F9;
margin-left: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.4rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 1.08rem;
font-weight: 500; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.login.login-3 .login-aside .aside-img-wizard {
min-height: 320px !important;
background-size: 400px; }
.login.login-3 .login-content {
background-color: #F3F5F9; }
.login.login-3 .login-content .form-group .fv-help-block {
font-size: 1.1rem !important;
padding-top: 3px; }
@media (min-width: 992px) {
.login.login-3 .login-aside {
width: 100%;
max-width: 600px; }
.login.login-3 .login-aside .aside-img {
min-height: 550px !important;
background-size: 630px; }
.login.login-3 .login-content .top-signup {
max-width: 650px;
width: 100%; }
.login.login-3 .login-content .top-signin {
max-width: 450px;
width: 100%; }
.login.login-3 .login-content .top-forgot {
max-width: 450px;
width: 100%; }
.login.login-3 .login-content .login-form {
width: 100%;
max-width: 450px; }
.login.login-3 .login-content .login-form.login-form-signup {
max-width: 650px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-3 .login-aside {
width: 100%;
max-width: 400px; } }
@media (max-width: 991.98px) {
.login.login-3 .login-aside .aside-img {
min-height: 500px !important;
background-size: 500px; }
.login.login-3 .login-aside .login-logo {
text-align: center; }
.login.login-3 .login-aside .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.login.login-3 .login-content .top-signup {
width: 100%;
max-width: 400px; }
.login.login-3 .login-content .top-signin {
max-width: 400px;
width: 100%; }
.login.login-3 .login-content .top-forgot {
max-width: 400px;
width: 100%; }
.login.login-3 .login-content .login-form {
width: 100%;
max-width: 400px; } }
@media (max-width: 575.98px) {
.login.login-3 .login-aside .aside-img {
min-height: 300px !important;
background-size: 350px; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,161 @@
.login.login-4 .login-container .login-content {
width: 450px; }
.login.login-4 .login-container .login-content .wizard-nav {
padding: 0; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
width: 46px;
height: 46px;
border-radius: 12px;
background-color: #F3F6F9;
margin-right: 1rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 600;
font-size: 1.24rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 0.925rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.login.login-4 .login-container .login-content.login-content-signup {
width: 700px; }
.login.login-4 .login-aside {
background: linear-gradient(147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
width: 700px; }
.login.login-4 .login-aside .login-conteiner {
height: 100%; }
@media (min-width: 992px) {
.login.login-4 .login-aside .login-conteiner {
min-height: 610px !important;
background-size: 580px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-4 .login-aside .login-conteiner {
min-height: 420px !important;
background-size: 400px; } }
@media (max-width: 991.98px) {
.login.login-4 .login-container .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.login.login-4 .login-aside {
width: 100% !important; }
.login.login-4 .login-aside .login-conteiner {
min-height: 210px !important;
background-size: 200px; } }
@media (max-width: 575.98px) {
.login.login-4 .login-container {
width: 100%; }
.login.login-4 .login-container .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
width: 100%; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
display: none; }
.login.login-4 .login-container .login-content {
width: 100%; }
.login.login-4 .login-container .login-content.login-content-signup {
width: 100%; }
.login.login-4 .login-aside {
width: 100% !important; } }
@media (max-width: 1800px) {
.login.login-4 .login-aside {
width: 600px; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,161 @@
.login.login-4 .login-container .login-content {
width: 450px; }
.login.login-4 .login-container .login-content .wizard-nav {
padding: 0; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
width: 46px;
height: 46px;
border-radius: 12px;
background-color: #F3F6F9;
margin-left: 1rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 600;
font-size: 1.24rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 0.925rem; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.login.login-4 .login-container .login-content.login-content-signup {
width: 700px; }
.login.login-4 .login-aside {
background: linear-gradient(-147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
width: 700px; }
.login.login-4 .login-aside .login-conteiner {
height: 100%; }
@media (min-width: 992px) {
.login.login-4 .login-aside .login-conteiner {
min-height: 610px !important;
background-size: 580px; } }
@media (min-width: 992px) and (max-width: 1399.98px) {
.login.login-4 .login-aside .login-conteiner {
min-height: 420px !important;
background-size: 400px; } }
@media (max-width: 991.98px) {
.login.login-4 .login-container .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.login.login-4 .login-aside {
width: 100% !important; }
.login.login-4 .login-aside .login-conteiner {
min-height: 210px !important;
background-size: 200px; } }
@media (max-width: 575.98px) {
.login.login-4 .login-container {
width: 100%; }
.login.login-4 .login-container .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
width: 100%; }
.login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
display: none; }
.login.login-4 .login-container .login-content {
width: 100%; }
.login.login-4 .login-container .login-content.login-content-signup {
width: 100%; }
.login.login-4 .login-aside {
width: 100% !important; } }
@media (max-width: 1800px) {
.login.login-4 .login-aside {
width: 600px; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,110 @@
.wizard.wizard-1 .wizard-nav .wizard-steps {
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; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
margin-left: 3.5rem;
margin-right: 3.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
color: #B5B5C3;
font-size: 3.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #B5B5C3; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #7E8299;
font-size: 1.1rem;
font-weight: 500;
margin-top: 0.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
color: #7E8299;
font-size: 1.25rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: none; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
margin-left: 1.5rem;
margin-right: 1.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
font-size: 3.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
margin-top: 0.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
font-size: 1.1rem; } }
@media (max-width: 767.98px) {
.wizard.wizard-1 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0.5rem;
margin-top: 0.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
margin-right: 0; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
font-size: 1.5rem;
margin-right: 1.25rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
font-size: 1rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: block; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-1 .wizard-nav .wizard-steps{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}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{margin-left:3.5rem;margin-right:3.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{color:#b5b5c3;font-size:3.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#b5b5c3}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{color:#7e8299;font-size:1.1rem;font-weight:500;margin-top:.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{color:#7e8299;font-size:1.25rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:none}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon svg g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon svg:hover g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-title,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-title{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow svg g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow svg:hover g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}@media (min-width:768px) and (max-width:1199.98px){.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{margin-left:1.5rem;margin-right:1.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{font-size:3.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{margin-top:.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{font-size:1.1rem}}@media (max-width:767.98px){.wizard.wizard-1 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.5rem;margin-top:.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0;margin-right:0}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{font-size:1.5rem;margin-right:1.25rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{font-size:1rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:block}}

View File

@@ -0,0 +1,110 @@
.wizard.wizard-1 .wizard-nav .wizard-steps {
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; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
margin-right: 3.5rem;
margin-left: 3.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
color: #B5B5C3;
font-size: 3.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #B5B5C3; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #7E8299;
font-size: 1.1rem;
font-weight: 500;
margin-top: 0.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
color: #7E8299;
font-size: 1.25rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: none; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
color: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
margin-right: 1.5rem;
margin-left: 1.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
font-size: 3.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
margin-top: 0.75rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
font-size: 1.1rem; } }
@media (max-width: 767.98px) {
.wizard.wizard-1 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0.5rem;
margin-top: 0.5rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
margin-left: 0; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
font-size: 1.5rem;
margin-left: 1.25rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
font-size: 1rem; }
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: block; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-1 .wizard-nav .wizard-steps{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}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{margin-right:3.5rem;margin-left:3.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{color:#b5b5c3;font-size:3.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#b5b5c3}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{color:#7e8299;font-size:1.1rem;font-weight:500;margin-top:.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{color:#7e8299;font-size:1.25rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:none}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon svg g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon svg:hover g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-title,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-title{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow,.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow{color:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow svg g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#3699ff}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow svg:hover g [fill],.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}@media (min-width:768px) and (max-width:1199.98px){.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{margin-right:1.5rem;margin-left:1.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{font-size:3.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{margin-top:.75rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{font-size:1.1rem}}@media (max-width:767.98px){.wizard.wizard-1 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.5rem;margin-top:.5rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0;margin-left:0}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon{font-size:1.5rem;margin-left:1.25rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{font-size:1rem}.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:block}}

View File

@@ -0,0 +1,124 @@
.wizard.wizard-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-2 .wizard-nav {
padding: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
width: 400px;
max-width: 100%; }
.wizard.wizard-2 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 1.5rem;
position: relative;
border-radius: 0.5rem;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
font-size: 2.5rem;
margin-right: 1.1rem;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
color: #B5B5C3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #B5B5C3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.1rem; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #7E8299; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
color: #7E8299;
font-size: 1.25rem; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: none; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
background-color: #F3F6F9;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
color: #3699FF !important; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF !important; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: " ";
height: 0;
width: 0;
border: solid transparent;
position: absolute;
border-left-color: #F3F6F9;
border-width: 1rem; }
.wizard.wizard-2 .wizard-body {
width: 100%; }
@media (min-width: 992px) and (max-width: 1399.98px) {
.wizard.wizard-2 .wizard-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 325px;
flex: 0 0 325px;
width: 325px; } }
@media (max-width: 991.98px) {
.wizard.wizard-2 {
display: block; }
.wizard.wizard-2 .wizard-nav {
width: 100%;
border-bottom: 1px solid #EBEDF3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
content: none; }
.wizard.wizard-2 .wizard-body {
width: 100%; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,124 @@
.wizard.wizard-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-2 .wizard-nav {
padding: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
width: 400px;
max-width: 100%; }
.wizard.wizard-2 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 1.5rem;
position: relative;
border-radius: 0.5rem;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
font-size: 2.5rem;
margin-left: 1.1rem;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
color: #B5B5C3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #B5B5C3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.1rem; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #7E8299; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
color: #7E8299;
font-size: 1.25rem; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
display: none; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
background-color: #F3F6F9;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
color: #3699FF !important; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF !important; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: " ";
height: 0;
width: 0;
border: solid transparent;
position: absolute;
border-right-color: #F3F6F9;
border-width: 1rem; }
.wizard.wizard-2 .wizard-body {
width: 100%; }
@media (min-width: 992px) and (max-width: 1399.98px) {
.wizard.wizard-2 .wizard-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 325px;
flex: 0 0 325px;
width: 325px; } }
@media (max-width: 991.98px) {
.wizard.wizard-2 {
display: block; }
.wizard.wizard-2 .wizard-nav {
width: 100%;
border-bottom: 1px solid #EBEDF3; }
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
content: none; }
.wizard.wizard-2 .wizard-body {
width: 100%; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,93 @@
.wizard.wizard-3 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 1rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
margin-right: 0; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #B5B5C3;
padding: 2rem 0.5rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
font-size: 2rem;
margin-right: 0.5rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
height: 4px;
width: 100%;
background-color: #EBEDF3;
position: relative; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 0;
background-color: transparent;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
color: #3699FF; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
width: 100%;
background-color: #3699FF; }
@media (max-width: 991.98px) {
.wizard.wizard-3 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
width: 100%; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem 0; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-3 .wizard-nav .wizard-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:1rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child{margin-right:0}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#b5b5c3;padding:2rem .5rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span{font-size:2rem;margin-right:.5rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar{height:4px;width:100%;background-color:#ebedf3;position:relative}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after{content:" ";position:absolute;top:0;left:0;height:4px;width:0;background-color:transparent;-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label{color:#3699ff}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-bar:after{width:100%;background-color:#3699ff}@media (max-width:991.98px){.wizard.wizard-3 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;position:relative;width:100%}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:1rem 0}}

View File

@@ -0,0 +1,93 @@
.wizard.wizard-3 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 1rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
margin-left: 0; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #B5B5C3;
padding: 2rem 0.5rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
font-size: 2rem;
margin-left: 0.5rem; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
height: 4px;
width: 100%;
background-color: #EBEDF3;
position: relative; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
content: " ";
position: absolute;
top: 0;
right: 0;
height: 4px;
width: 0;
background-color: transparent;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
color: #3699FF; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
width: 100%;
background-color: #3699FF; }
@media (max-width: 991.98px) {
.wizard.wizard-3 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
width: 100%; }
.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem 0; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-3 .wizard-nav .wizard-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:1rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child{margin-left:0}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#b5b5c3;padding:2rem .5rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span{font-size:2rem;margin-left:.5rem}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar{height:4px;width:100%;background-color:#ebedf3;position:relative}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after{content:" ";position:absolute;top:0;right:0;height:4px;width:0;background-color:transparent;-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label{color:#3699ff}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-bar:after{width:100%;background-color:#3699ff}@media (max-width:991.98px){.wizard.wizard-3 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;position:relative;width:100%}.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:1rem 0}}

View File

@@ -0,0 +1,148 @@
.wizard.wizard-4 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-4 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 0.25rem);
flex: 0 0 calc(25% - 0.25rem);
width: calc(25% - 0.25rem);
background-color: #F3F6F9;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #3F4254;
padding: 2rem 2.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
font-size: 1.3rem;
font-weight: 600;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.75rem;
flex: 0 0 2.75rem;
height: 2.75rem;
width: 2.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(54, 153, 255, 0.08);
color: #3699FF;
margin-right: 1rem;
border-radius: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
font-size: 1.1rem;
font-weight: 600; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
background-color: #ffffff; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
color: #ffffff;
background-color: #3699FF; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
color: #3699FF; }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.33333% - 0.25rem);
flex: 0 0 calc(33.33333% - 0.25rem);
width: calc(33.33333% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 0.25rem);
flex: 0 0 calc(25% - 0.25rem);
width: calc(25% - 0.25rem); }
@media (max-width: 1399.98px) {
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
margin-bottom: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%; } }
@media (max-width: 767.98px) {
.wizard.wizard-4 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
position: relative;
width: 100% !important; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0.5rem 2rem; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-4 .wizard-nav .wizard-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 calc(25% - .25rem);flex:0 0 calc(25% - .25rem);width:calc(25% - .25rem);background-color:#f3f6f9;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#3f4254;padding:2rem 2.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number{font-size:1.3rem;font-weight:600;-webkit-box-flex:0;-ms-flex:0 0 2.75rem;flex:0 0 2.75rem;height:2.75rem;width:2.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(54,153,255,.08);color:#3699ff;margin-right:1rem;border-radius:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title{font-size:1.1rem;font-weight:600}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]{background-color:#fff}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-wrapper .wizard-number{color:#fff;background-color:#3699ff}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-wrapper .wizard-label .wizard-title{color:#3699ff}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - .25rem);flex:0 0 calc(33.33333% - .25rem);width:calc(33.33333% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - .25rem);flex:0 0 calc(25% - .25rem);width:calc(25% - .25rem)}@media (max-width:1399.98px){.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;margin-bottom:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step,.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}@media (max-width:767.98px){.wizard.wizard-4 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;position:relative;width:100%!important}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:.5rem 2rem}}

View File

@@ -0,0 +1,148 @@
.wizard.wizard-4 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-4 .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 0.25rem);
flex: 0 0 calc(25% - 0.25rem);
width: calc(25% - 0.25rem);
background-color: #F3F6F9;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #3F4254;
padding: 2rem 2.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
font-size: 1.3rem;
font-weight: 600;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.75rem;
flex: 0 0 2.75rem;
height: 2.75rem;
width: 2.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(54, 153, 255, 0.08);
color: #3699FF;
margin-left: 1rem;
border-radius: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
font-size: 1.1rem;
font-weight: 600; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
background-color: #ffffff; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
color: #ffffff;
background-color: #3699FF; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
color: #3699FF; }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.33333% - 0.25rem);
flex: 0 0 calc(33.33333% - 0.25rem);
width: calc(33.33333% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 0.25rem);
flex: 0 0 calc(25% - 0.25rem);
width: calc(25% - 0.25rem); }
@media (max-width: 1399.98px) {
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem);
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
margin-bottom: 0.5rem; }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 calc(50% - 0.25rem);
width: calc(50% - 0.25rem); }
.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%; } }
@media (max-width: 767.98px) {
.wizard.wizard-4 .wizard-nav .wizard-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
position: relative;
width: 100% !important; }
.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0.5rem 2rem; } }

View File

@@ -0,0 +1 @@
.wizard.wizard-4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-4 .wizard-nav .wizard-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 calc(25% - .25rem);flex:0 0 calc(25% - .25rem);width:calc(25% - .25rem);background-color:#f3f6f9;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#3f4254;padding:2rem 2.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number{font-size:1.3rem;font-weight:600;-webkit-box-flex:0;-ms-flex:0 0 2.75rem;flex:0 0 2.75rem;height:2.75rem;width:2.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(54,153,255,.08);color:#3699ff;margin-left:1rem;border-radius:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title{font-size:1.1rem;font-weight:600}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]{background-color:#fff}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-wrapper .wizard-number{color:#fff;background-color:#3699ff}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-wrapper .wizard-label .wizard-title{color:#3699ff}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - .25rem);flex:0 0 calc(33.33333% - .25rem);width:calc(33.33333% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - .25rem);flex:0 0 calc(25% - .25rem);width:calc(25% - .25rem)}@media (max-width:1399.98px){.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;margin-bottom:.5rem}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step,.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .25rem);flex:0 0 calc(50% - .25rem);width:calc(50% - .25rem)}.wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}@media (max-width:767.98px){.wizard.wizard-4 .wizard-nav .wizard-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;position:relative;width:100%!important}.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:.5rem 2rem}}

View File

@@ -0,0 +1,137 @@
.wizard.wizard-5 .wizard-aside {
border-top-left-radius: 0.42rem;
border-bottom-left-radius: 0.42rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav {
padding: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
min-width: 50px;
height: 50px;
border-radius: 50px;
background-color: #F3F6F9;
margin-right: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 1.08rem;
font-weight: 500; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.wizard.wizard-5 .wizard-content {
background-color: #F3F6F9;
border-top-right-radius: 0.42rem;
border-bottom-right-radius: 0.42rem; }
.wizard.wizard-5 .wizard-content .form-group .fv-help-block {
font-size: 1.1rem !important;
padding-top: 3px; }
@media (max-width: 991.98px) {
.wizard.wizard-5 .wizard-aside {
border-top-left-radius: 0.42rem;
border-top-right-radius: 0.42rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.wizard.wizard-5 .wizard-content {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.42rem;
border-bottom-right-radius: 0.42rem; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,137 @@
.wizard.wizard-5 .wizard-aside {
border-top-right-radius: 0.42rem;
border-bottom-right-radius: 0.42rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav {
padding: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
min-width: 50px;
height: 50px;
border-radius: 50px;
background-color: #F3F6F9;
margin-left: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 500;
font-size: 1.4rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 1.08rem;
font-weight: 500; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
.wizard.wizard-5 .wizard-content {
background-color: #F3F6F9;
border-top-left-radius: 0.42rem;
border-bottom-left-radius: 0.42rem; }
.wizard.wizard-5 .wizard-content .form-group .fv-help-block {
font-size: 1.1rem !important;
padding-top: 3px; }
@media (max-width: 991.98px) {
.wizard.wizard-5 .wizard-aside {
border-top-right-radius: 0.42rem;
border-top-left-radius: 0.42rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.wizard.wizard-5 .wizard-aside .wizard-nav {
padding: 0;
-ms-flex-line-pack: center;
align-content: center; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
margin-bottom: .5rem; }
.wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
margin-bottom: 0; }
.wizard.wizard-5 .wizard-content {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0.42rem;
border-bottom-left-radius: 0.42rem; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,108 @@
.wizard.wizard-6 .wizard-content .wizard-nav {
padding: 0; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
min-width: 46px;
height: 46px;
border-radius: 12px;
background-color: #F3F6F9;
margin-right: 1rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 600;
font-size: 1.24rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 0.925rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
@media (max-width: 767.98px) {
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
width: 100%; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
display: none; } }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,108 @@
.wizard.wizard-6 .wizard-content .wizard-nav {
padding: 0; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
padding: 0.75rem 0;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
margin-bottom: 1.5rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
min-width: 46px;
height: 46px;
border-radius: 12px;
background-color: #F3F6F9;
margin-left: 1rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
display: none;
font-size: 1.4rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
font-weight: 600;
color: #3F4254;
font-size: 1.35rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
color: #181C32;
font-weight: 600;
font-size: 1.24rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
color: #B5B5C3;
font-size: 0.925rem; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: none; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
color: #1BC5BD; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
color: #181C32; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
color: #B5B5C3; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
background-color: #C9F7F5; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
color: #1BC5BD;
display: inline-block; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
display: none; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
color: #B5B5C3; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
color: #D1D3E0; }
@media (max-width: 767.98px) {
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
width: 100%; }
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
display: none; } }

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,574 @@
.aside {
background-color: #1e1e2d; }
.aside .aside-menu.ps > .ps__rail-x {
background-color: transparent; }
.aside .aside-menu.ps > .ps__rail-x:hover, .aside .aside-menu.ps > .ps__rail-x:focus {
opacity: 1;
background-color: transparent; }
.aside .aside-menu.ps > .ps__rail-x:hover > .ps__thumb-x, .aside .aside-menu.ps > .ps__rail-x:focus > .ps__thumb-x {
opacity: 1; }
.aside .aside-menu.ps > .ps__rail-x > .ps__thumb-x {
background-color: #637099;
opacity: 1; }
.aside .aside-menu.ps > .ps__rail-x > .ps__thumb-x:hover, .aside .aside-menu.ps > .ps__rail-x > .ps__thumb-x:focus {
opacity: 1;
background-color: #637099; }
.aside .aside-menu.ps > .ps__rail-y {
background-color: transparent; }
.aside .aside-menu.ps > .ps__rail-y:hover, .aside .aside-menu.ps > .ps__rail-y:focus {
background-color: transparent;
opacity: 1; }
.aside .aside-menu.ps > .ps__rail-y:hover > .ps__thumb-y, .aside .aside-menu.ps > .ps__rail-y:focus > .ps__thumb-y {
opacity: 1; }
.aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y {
background: #637099;
opacity: 1; }
.aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y:hover, .aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y:focus {
opacity: 1;
background: #637099; }
.aside-menu {
background-color: #1e1e2d ; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
color: #a2a3b7 ; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
color: #494b74 ; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #494b74; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item.menu-item-open {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item.menu-item-here {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item.menu-item-active {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item > .menu-arrow {
color: #1e1e2d; }
.aside-menu .menu-nav > .menu-section .menu-text {
color: #4c4e6f ; }
.aside-menu .menu-nav > .menu-section .menu-icon {
color: #4c4e6f ; }
.aside-menu .menu-nav > .menu-separator {
border-bottom: 1px solid #4c4e6f ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
color: #9899ac ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon {
color: #494b74 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #494b74; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow {
color: #5c5e81 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
background-color: #1b1b28 ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow {
color: #ffffff ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-section .menu-text {
color: #4c4e6f ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-section .menu-icon {
color: #4c4e6f ; }
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-separator {
border-bottom: 1px solid #4c4e6f ; }
@media (min-width: 992px) {
.aside-minimize .aside-menu .menu-nav > .menu-item {
background: transparent; }
.aside-minimize .aside-menu .menu-nav > .menu-item > .menu-link > .menu-icon {
color: #7c87a6; }
.aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover, .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-open {
background: transparent !important; }
.aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-link > .menu-icon, .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link > .menu-icon {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-here, .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-active {
background: transparent !important; }
.aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link > .menu-icon, .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link > .menu-icon {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav > .menu-item:hover {
background: transparent; }
.aside-minimize .aside-menu .menu-nav > .menu-item:hover > .menu-link > .menu-icon {
color: #3699FF !important; } }
@media (min-width: 992px) {
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu {
background-color: #fff;
-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-text,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-text {
color: #696e92 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon {
color: #a8aabb ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #a8aabb; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #a8aabb ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #a8aabb ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-arrow,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-heading .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item > .menu-link .menu-arrow {
color: #a8aabb ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link {
background-color: #F3F6F9 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-text,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-text {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-arrow,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-heading .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-open > .menu-link .menu-arrow {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link {
background-color: #F3F6F9 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-here > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link {
background-color: #F3F6F9 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-text {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-arrow,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-heading .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item.menu-item-active > .menu-link .menu-arrow {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
background-color: #F3F6F9 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #3699FF; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg:hover g [fill],
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow,
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow {
color: #3699FF ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-section .menu-text,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-section .menu-text {
color: #a4a7bd ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-section .menu-icon,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-section .menu-icon {
color: #aaacc2 ; }
.aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-separator,
.aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav .menu-separator {
border-bottom: 1px solid rgba(0, 0, 0, 0.07) ; } }

Some files were not shown because too many files have changed in this diff Show More