Your IP : 3.15.214.244
/*!
* jQuery SmartWizard v5
* jQuery Wizard Plugin
* http://www.techlaboratory.net/smartwizard
*
* Created by Dipu Raj
* http://dipu.me
*
* Licensed under the terms of MIT License
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
*/
.sw {
position: relative
}
.sw *, .sw ::after, .sw ::before {
box-sizing: border-box
}
.sw>.tab-content {
position: relative;
overflow: hidden
}
.sw .toolbar {
padding: .8rem
}
.sw .toolbar>.btn {
display: inline-block;
text-decoration: none;
text-align: center;
text-transform: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-left: .2rem;
margin-right: .2rem;
cursor: pointer
}
.sw .toolbar>.btn.disabled, .sw .toolbar>.btn:disabled {
opacity: .65
}
.sw>.nav {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0
}
@media screen and (max-width:640px) {
.sw>.nav {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
flex-direction: column!important;
-webkit-box-flex: 1;
flex: 1 auto
}
}
.sw>.nav .nav-link {
display: block;
padding: .5rem 1rem;
text-decoration: none;
outline: 0!important
}
.sw>.nav .nav-link:active, .sw>.nav .nav-link:focus, .sw>.nav .nav-link:hover {
text-decoration: none;
outline: 0!important
}
.sw>.nav .nav-link::-moz-focus-inner {
border: 0!important
}
.sw>.nav .nav-link.disabled {
color: #ccc!important;
pointer-events: none;
cursor: default
}
.sw>.nav .nav-link.hidden {
display: none!important
}
.sw.sw-justified>.nav .nav-link, .sw.sw-justified>.nav>li {
flex-basis: 0;
-webkit-box-flex: 1;
flex-grow: 1;
text-align: center
}
.sw.sw-loading {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sw.sw-loading::after {
content: "";
display: block;
position: absolute;
opacity: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, .7);
z-index: 2;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.sw.sw-loading::before {
content: '';
display: inline-block;
position: absolute;
top: 45%;
left: 45%;
width: 2rem;
height: 2rem;
border: 10px solid #f3f3f3;
border-top: 10px solid #3498db;
border-radius: 50%;
z-index: 10;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.sw-theme-default {
border: 1px solid #eee
}
.sw-theme-default>.tab-content>.tab-pane {
padding: 10px
}
.sw-theme-default .toolbar>.btn {
color: #fff;
background-color: #17a2b8;
border: 1px solid #17a2b8;
padding: .375rem .75rem;
border-radius: .25rem;
font-weight: 400
}
.sw-theme-default>.nav {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1)!important
}
.sw-theme-default>.nav .nav-link {
position: relative;
height: 100%;
min-height: 100%
}
.sw-theme-default>.nav .nav-link::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
left: 0;
bottom: -1px;
background: #999;
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
-webkit-transform: scale(0);
transform: scale(0)
}
.sw-theme-default>.nav .nav-link.inactive {
color: #999;
cursor: not-allowed
}
.sw-theme-default>.nav .nav-link.active {
color: #17a2b8!important;
cursor: pointer
}
.sw-theme-default>.nav .nav-link.active::after {
background: #17a2b8!important;
-webkit-transform: scale(1);
transform: scale(1)
}
.sw-theme-default>.nav .nav-link.done {
color: #32ab13!important;
cursor: pointer
}
.sw-theme-default>.nav .nav-link.done::after {
background: #32ab13;
-webkit-transform: scale(1);
transform: scale(1)
}
.sw-theme-default>.nav .nav-link.disabled {
color: #f9f9f9!important;
cursor: not-allowed
}
.sw-theme-default>.nav .nav-link.disabled::after {
background: #f9f9f9
}
.sw-theme-default>.nav .nav-link.danger {
color: #d9534f!important;
cursor: pointer
}
.sw-theme-default>.nav .nav-link.danger::after {
background: #d9534f
}
.sw-theme-arrows {
border: 1px solid #eee
}
.sw-theme-arrows>.tab-content>.tab-pane {
padding: 10px
}
.sw-theme-arrows .toolbar>.btn {
color: #fff;
background-color: #17a2b8;
border: 1px solid #17a2b8;
padding: .375rem .75rem;
border-radius: .25rem;
font-weight: 400
}
.sw-theme-arrows>.nav {
overflow: hidden;
border-bottom: 1px solid #eee
}
.sw-theme-arrows>.nav .nav-link {
position: relative;
height: 100%;
min-height: 100%;
margin-right: 30px;
margin-left: -30px;
padding-left: 40px
}
@media screen and (max-width:640px) {
.sw-theme-arrows>.nav .nav-link {
overflow: hidden;
margin-bottom: 1px;
margin-right: unset
}
}
.sw-theme-arrows>.nav .nav-link::after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
top: 50%;
left: 100%;
margin-top: -50px;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid #f8f8f8;
z-index: 2
}
.sw-theme-arrows>.nav .nav-link::before {
content: " ";
position: absolute;
display: block;
width: 0;
height: 0;
top: 50%;
left: 100%;
margin-top: -50px;
margin-left: 1px;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid #eee;
z-index: 1
}
.sw-theme-arrows>.nav .nav-link.inactive {
color: #999;
border-color: #f8f8f8;
background: #f8f8f8;
cursor: not-allowed
}
.sw-theme-arrows>.nav .nav-link.active {
color: #fff!important;
border-color: #0d6efd!important;
background: #0d6efd!important;
cursor: pointer
}
.sw-theme-arrows>.nav .nav-link.active::after {
border-left-color: #0d6efd!important
}
.sw-theme-arrows>.nav .nav-link.done {
color: #fff;
border-color: #32ab13;
background: #32ab13;
cursor: pointer
}
.sw-theme-arrows>.nav .nav-link.done::after {
border-left-color: #32ab13
}
.sw-theme-arrows>.nav .nav-link.disabled {
color: #eee;
border-color: #f9f9f9;
background: #f9f9f9;
cursor: not-allowed
}
.sw-theme-arrows>.nav .nav-link.disabled::after {
border-left-color: #f9f9f9
}
.sw-theme-arrows>.nav .nav-link.danger {
color: #fff;
border-color: #d9534f;
background: #d9534f;
cursor: pointer
}
.sw-theme-arrows>.nav .nav-link.danger::after {
border-left-color: #d9534f
}
.sw-theme-dots>.tab-content>.tab-pane {
padding: 10px
}
.sw-theme-dots .toolbar>.btn {
color: #fff;
background-color: #17a2b8;
border: 1px solid #17a2b8;
padding: .375rem .75rem;
border-radius: .25rem;
font-weight: 400
}
.sw-theme-dots>.nav {
position: relative;
margin-bottom: 10px
}
.sw-theme-dots>.nav::before {
content: " ";
position: absolute;
top: 18px;
left: 0;
width: 100%;
height: 5px;
background-color: #eee;
border-radius: 3px;
z-index: 1
}
.sw-theme-dots>.nav .nav-link {
position: relative;
margin-top: 40px
}
.sw-theme-dots>.nav .nav-link::before {
content: " ";
position: absolute;
display: block;
top: -36px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: #f5f5f5;
color: #428bca;
text-decoration: none;
z-index: 98
}
.sw-theme-dots>.nav .nav-link::after {
content: " ";
position: absolute;
display: block;
top: -28px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 16px;
height: 16px;
border-radius: 50%;
z-index: 99
}
.sw-theme-dots>.nav .nav-link.inactive {
color: #999;
cursor: not-allowed
}
.sw-theme-dots>.nav .nav-link.inactive::after {
background-color: #999
}
.sw-theme-dots>.nav .nav-link.active {
color: #0d6efd!important;
cursor: pointer
}
.sw-theme-dots>.nav .nav-link.active::after {
background-color: #0d6efd!important
}
.sw-theme-dots>.nav .nav-link.done {
color: #32ab13;
cursor: pointer
}
.sw-theme-dots>.nav .nav-link.done::after {
background-color: #32ab13
}
.sw-theme-dots>.nav .nav-link.disabled {
color: #f9f9f9;
cursor: not-allowed
}
.sw-theme-dots>.nav .nav-link.disabled::after {
background-color: #f9f9f9
}
.sw-theme-dots>.nav .nav-link.danger {
color: #d9534f;
cursor: pointer
}
.sw-theme-dots>.nav .nav-link.danger::after {
background-color: #d9534f
}
.sw-theme-dark {
border: 1px solid #eee;
box-shadow: 0 1px 10px rgba(130, 130, 134, .1);
color: rgba(255, 255, 255, .95);
background: #181c20
}
.sw-theme-dark>.tab-content>.tab-pane {
padding: 10px
}
.sw-theme-dark .toolbar>.btn {
color: #fff;
background-color: #17a2b8;
border: 1px solid #17a2b8;
padding: .375rem .75rem;
border-radius: .25rem;
font-weight: 400
}
.sw-theme-dark>.nav {
background: #0d0f12
}
.sw-theme-dark>.nav .nav-link {
position: relative;
height: 100%;
min-height: 100%
}
.sw-theme-dark>.nav .nav-link::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
left: 0;
bottom: -1px;
background: #999;
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
-webkit-transform: scale(0);
transform: scale(0)
}
.sw-theme-dark>.nav .nav-link.inactive {
color: #999;
cursor: not-allowed
}
.sw-theme-dark>.nav .nav-link.active {
color: #17a2b8!important;
cursor: pointer
}
.sw-theme-dark>.nav .nav-link.active::after {
background: #17a2b8!important;
-webkit-transform: scale(1);
transform: scale(1)
}
.sw-theme-dark>.nav .nav-link.done {
color: #32ab13!important;
cursor: pointer
}
.sw-theme-dark>.nav .nav-link.done::after {
background: #32ab13;
-webkit-transform: scale(1);
transform: scale(1)
}
.sw-theme-dark>.nav .nav-link.disabled {
color: #f9f9f9!important;
cursor: not-allowed
}
.sw-theme-dark>.nav .nav-link.disabled::after {
background: #f9f9f9
}
.sw-theme-dark>.nav .nav-link.danger {
color: #d9534f!important;
cursor: pointer
}
.sw-theme-dark>.nav .nav-link.danger::after {
background: #d9534f
}