/*
    Common
*/

.wizard,
.sources-wizard,
.tabcontrol {display: block; width: 100%; overflow: hidden; }






.wizard a,
.sources-wizard a, 
.tabcontrol a { outline: 0; }




.wizard ul,
.sources-wizard ul,
.tabcontrol ul { list-style: none !important; padding: 0; margin: 0;}






.wizard ul > li,
.sources-wizard ul > li,
.tabcontrol ul > li { display: block; padding: 0; list-style: none;}





/* Accessibility */
.wizard > .steps .current-info,
.sources-wizard > .steps .current-info,
.tabcontrol > .steps .current-info { position: absolute; left: -999em; }





.wizard > .content > .title,
.sources-wizard > .content > .title,
.tabcontrol > .content > .title { position: absolute; left: -999em; }







/*
    Wizard
*/





















.wizard > .steps { position: relative; display: block; width: 100%; }
.wizard.vertical > .steps { display: inline; float: left; width: 30%; }
.wizard > .steps > ul > li { width: 20%; /*width: 25%;*/ }
.wizard > .steps > ul > li,
.wizard > .actions > ul > li { float: left; }




.wizard.vertical > .steps > ul > li { float: none; width: 100%; }





.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active { display: block; width: auto; margin: 0 0.3em 0.5em; padding: 8px 3px 8px 8px; text-decoration: none; font-size: 0.9em; -webkit-border-radius: 5px;









    -moz-border-radius: 5px; border-radius: 5px; }



.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; }






.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active { /*background: #1AB394;*/ background: #439955; color: #fff; cursor: default; }






.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active { /*background: #6fd1bd;*/ /*text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);*/ background: #95D3AD; color: #304d47; }





.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active { background: #bc3322; color: #fff; }





.wizard > .content { background: #eee; display: block; margin: 5px 5px 10px 5px; min-height: 120px; overflow: hidden; position: relative; width: auto;









                    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }





































































































.wizard-big.wizard > .content { min-height: 320px; }
.wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; }
.wizard > .content > .body { float: left; position: absolute; width: 100%; /*width: 95%; padding: 2.5%; padding: 1% 2.5% 2%;*/ height: 95%; padding: 0 2.5%; }
.wizard > .content > .body ul { list-style: disc !important; }
.wizard > .content > .body ul > li { display: list-item; }

.wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.wizard > .content > .body input,
.wizard > .content > .body textarea { resize: none; display: block; border: 1px solid #ccc; }
.no-bord { border: none !important; }
.wizard > .content > .body input[type="checkbox"] { display: inline-block; }

.wizard > .content > .body input.error,
.wizard > .content > .body textarea.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; }
.wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; }
.wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }
.wizard > .actions { position: relative; display: block; text-align: right; width: 100%; }
.wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; }
.wizard > .actions > ul { display: inline-block; text-align: right; }
.wizard > .actions > ul > li { margin: 0 0.5em; }
.wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; }
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {/*background: #1AB394;*/ background: #439955; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 5px;








    -moz-border-radius: 5px; border-radius: 5px; }



.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active { background: #eee; color: #aaa; }





.wizard > .loading {}


.wizard > .loading .spinner {}




/*
    Tabcontrol
*/

.tabcontrol > .steps { position: relative; display: block; width: 100%; }
.tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; }
.tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; }
.tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; }
.tabcontrol > .steps > ul > li > a {color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; }
.tabcontrol > .steps > ul > li > a:hover { text-decoration: none; }
.tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; }
.tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; }
.tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; }
.tabcontrol > .content > .body ul { list-style: disc !important; }
.tabcontrol > .content > .body ul > li { display: list-item; }


/*

    Sources Wizard
*/

.sources-wizard > .steps { position: relative; display: block; width: 100%; }




.sources-wizard.vertical > .steps { display: inline; float: left; width: 30%; }
.sources-wizard > .steps > ul > li { width: 11%; /*width: 25%;*/ }
.sources-wizard > .steps > ul > li,
.sources-wizard > .actions > ul > li { float: left; }
.sources-wizard.vertical > .steps > ul > li { float: none; width: 100%; }
.sources-wizard > .steps a,
.sources-wizard > .steps a:hover,
.sources-wizard > .steps a:active { display: block; width: auto; margin: 0 0.3em 0.5em; padding: 8px 3px 8px 8px; text-decoration: none; font-size: 0.9em; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; }
.sources-wizard > .steps .disabled a,
.sources-wizard > .steps .disabled a:hover,
.sources-wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; }
.sources-wizard > .steps .current a,
.sources-wizard > .steps .current a:hover,
.sources-wizard > .steps .current a:active { /*background: #1AB394;*/ background: #4db576; color: #fff; cursor: default; }
.sources-wizard > .steps .done a,
.sources-wizard > .steps .done a:hover,
.sources-wizard > .steps .done a:active { /*background: #6fd1bd;*/ /*text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);*/ background: #95D3AD; color: #304d47; }
.sources-wizard > .steps .error a,
.sources-wizard > .steps .error a:hover,
.sources-wizard > .steps .error a:active { background: #ED5565; color: #fff; }
.sources-wizard > .content { background: #eee; display: block; margin: 5px 5px 10px 5px; min-height: 120px; overflow: hidden; position: relative; width: auto;
                    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.wizard-big.sources-wizard > .content { min-height: 320px; }
.wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; }



.sources-wizard > .content > .body { float: left; position: absolute; width: 100%; z-index: 500; /*width: 95%; padding: 2.5%; padding: 1% 2.5% 2%; padding: 0 2.5%;*/ height: 95%; padding: 0 1.5%; }
.sources-wizard > .content > .body ul { list-style: disc !important; }
.sources-wizard > .content > .body ul > li { display: list-item; }
.sources-wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.sources-wizard > .content > .body input,
.sources-wizard > .content > .body textarea { resize: none; display: block; border: 1px solid #ccc; }
.no-bord { border: none !important; }
.sources-wizard > .content > .body input[type="checkbox"] { display: inline-block; }


.sources-wizard > .content > .body input.error,
.sources-wizard > .content > .body textarea.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; }
.sources-wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; }
.sources-wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }
.sources-wizard > .actions { position: relative; display: block; text-align: right; width: 100%; }
.sources-wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; }
.sources-wizard > .actions > ul { display: inline-block; text-align: right; }
.sources-wizard > .actions > ul > li { margin: 0 0.5em; }



.sources-wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; }
.sources-wizard > .actions a,
.sources-wizard > .actions a:hover,
.sources-wizard > .actions a:active {/*background: #1AB394;*/ background: #4db576; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; }








.sources-wizard > .actions .disabled a,
.sources-wizard > .actions .disabled a:hover,
.sources-wizard > .actions .disabled a:active { background: #eee; color: #aaa; }
.sources-wizard > .loading {}
.sources-wizard > .loading .spinner {}

/* Very Small Devices */
@media (max-width: 480px) {
    .wizard > .steps > ul > li,





    .sources-wizard > .steps > ul > li {width: 100%; clear: both;}
    .wizard > .content > .body ul > li,
    .sources-wizard > .content > .body ul > li {float: left; font-size: 90%; width: 50%;}









    .wizard > .actions,
    .sources-wizard > .actions {text-align: left;}









    .wizard > .actions a,
    .wizard > .actions a:hover,
    .wizard > .actions a:active,
    .sources-wizard > .actions a,
    .sources-wizard > .actions a:hover,
    .sources-wizard > .actions a:active {padding: 0.5em;}
}


/* Extra Small Devices, .visible-xs-* */
@media (min-width: 481px) and (max-width: 767px) {
    .wizard > .steps > ul > li,
    .sources-wizard > .steps > ul > li {width: 100%; clear: both;}

    .wizard > .content > .body ul > li,
    .sources-wizard > .content > .body ul > li {float: left; font-size: 90%; width: 50%;}
}





/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {










}





/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {








}


@media (min-width: 1200px) {



}