%PDF- %PDF-
Direktori : /home/eirtvhdf/payments.hire-va.com/assets/plugins/smart-wizard/css/ |
Current File : /home/eirtvhdf/payments.hire-va.com/assets/plugins/smart-wizard/css/smart_wizard_all.min.css |
/*! * 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 }