1#@!#!123s

: / home5 / rakcha / www / control / assets / css / pages / smart-wizard /
Filename : smart_wizard_theme_arrows.css
back
/*!  

 * SmartWizard v4.x

 * jQuery Wizard Plugin

 * http://www.techlaboratory.net/smartwizard

 *

 * Created by Dipu Raj

 * http://dipuraj.me

 *

 * Licensed under the terms of MIT License

 * https://github.com/techlab/SmartWizard/blob/master/LICENSE

 */



/* SmartWizard Theme: Arrows */

.sw-theme-arrows {

    border-radius: 5px;

    border: 1px solid #ddd;

}



.sw-theme-arrows > .sw-container {

    min-height: 200px;

}



.sw-theme-arrows .step-content {

    padding: 10px 20px;

    border: 0px solid #D4D4D4;

    background-color: #FFF;

    text-align: left;

}



.sw-theme-arrows .sw-toolbar {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 0 !important;

    border-radius: 5px;

}



.sw-theme-arrows > .sw-toolbar-top {

}



.sw-theme-arrows > .sw-toolbar-bottom {

}



.sw-theme-arrows > ul.step-anchor {

    display: block;

    border: 0;

    border-bottom: 1px solid #ddd;

    padding: 0px;

    background: #f5f5f5;

    border-radius: 5px;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    list-style: none;

    overflow: hidden;

    /*margin: -1px -1px 0 -1px -1px;*/;

}



.sw-theme-arrows > ul.step-anchor li+li:before {

    padding: 0;

}



.sw-theme-arrows > ul.step-anchor > li {

}



.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {

    color: #bbb;

    text-decoration: none;

    padding: 10px 0 10px 45px;

    position: relative;

    display: block;

    border: 0 !important;

    border-radius: 0;

    outline-style: none;

    background: #f5f5f5;

}



.sw-theme-arrows > ul.step-anchor > li > a:after {

    content: " ";

    display: block;

    width: 0;

    height: 0;

    border-top: 50px solid transparent;

    border-bottom: 50px solid transparent;

    border-left: 30px solid #f5f5f5;

    position: absolute;

    top: 50%;

    margin-top: -50px;

    left: 100%;

    z-index: 2;

}



.sw-theme-arrows > ul.step-anchor > li > a:before {

    content: " ";

    display: block;

    width: 0;

    height: 0;

    border-top: 50px solid transparent;

           /* Go big on the size, and let overflow hide */

    border-bottom: 50px solid transparent;

    border-left: 30px solid #ddd;

    position: absolute;

    top: 50%;

    margin-top: -50px;

    margin-left: 1px;

    left: 100%;

    z-index: 1;

}



.sw-theme-arrows > ul.step-anchor > li:first-child > a {

    padding-left: 15px;

}



.sw-theme-arrows > ul.step-anchor > li > a:hover {

    color: #bbb;

    text-decoration: none;

    outline-style: none;

    background: #f5f5f5;

    border-color: #f5f5f5;

}



.sw-theme-arrows > ul.step-anchor > li > a:hover:after {

    border-left-color: #f5f5f5;

}



.sw-theme-arrows > ul.step-anchor > li > a small {

}



.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {

    color: #4285F4 !important;

    background: #46b8da !important;

}



.sw-theme-arrows > ul.step-anchor > li.active > a {

    border-color: #5bc0de !important;

    color: #fff !important;

    background: #5bc0de !important;

}



.sw-theme-arrows > ul.step-anchor > li.active > a:after {

    border-left: 30px solid #5bc0de !important;

}



.sw-theme-arrows > ul.step-anchor > li.done > a {

    border-color: #5cb85c !important;

    color: #fff !important;

    background: #5cb85c !important;

}



.sw-theme-arrows > ul.step-anchor > li.done > a:after {

    border-left: 30px solid #5cb85c;

}



.sw-theme-arrows > ul.step-anchor > li.danger > a {

    border-color: #d9534f !important;

    color: #d9534f !important;

    background: #fff !important;

}



.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {

    color: #eee !important;

}



/* Responsive CSS */

@media screen and (max-width: 768px) {

    .sw-theme-arrows > ul.step-anchor {

        border: 0;

        background: #ddd !important;

    }



    .sw-theme-arrows > .nav-tabs > li {

        float: none !important;

        margin-bottom: 0;

    }



    .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {

        padding-left: 15px;

        margin-right: 0;

        margin-bottom: 1px;

    }



    .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {

        display: none;

    }

}



/* Loader Animation

Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js

*/

@-webkit-keyframes ld {

    0% {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }



    50% {

        -webkit-transform: rotate(180deg) scale(1.1);

        transform: rotate(180deg) scale(1.1);

    }



    100% {

        -webkit-transform: rotate(360deg) scale(1);

        transform: rotate(360deg) scale(1);

    }

}



@keyframes ld {

    0% {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }



    50% {

        -webkit-transform: rotate(180deg) scale(1.1);

        transform: rotate(180deg) scale(1.1);

    }



    100% {

        -webkit-transform: rotate(360deg) scale(1);

        transform: rotate(360deg) scale(1);

    }

}



.sw-theme-arrows > ul.step-anchor > li.loading:before {

    content: '';

    display: inline-block;

    position: absolute;

    background: transparent;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 2px solid #fff;

    border-top-color: transparent;

    border-bottom-color: transparent;

    border-left-color: #4285f4;

    border-right-color: #4285f4;

    top: 50%;

    left: 50%;

    margin-top: -16px;

    margin-left: -16px;

    width: 32px;

    height: 32px;

    z-index: 99;

    -webkit-animation: ld 1s ease-in-out infinite;

    animation: ld 1s ease-in-out infinite;

}