﻿.wizard, .tabcontrol {display: -webkit-box;display: -moz-box;display: -ms-flexbox;  display: -webkit-flex;display: flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
.wizard a, .tabcontrol a {outline: 0;}
.wizard ul, .tabcontrol ul {list-style: none !important;padding: 0;margin: 0;}
.wizard ul > li, .tabcontrol ul > li {padding: 0;}
.wizard > .steps .current-info, .tabcontrol > .steps .current-info {position: absolute;left: -999em;}
.wizard > .content > .title, .tabcontrol > .content > .title {position: absolute; left: -999em;}
.wizard > .steps {position: relative;display: block;width: 100%;margin-bottom: 68px;}
.wizard.vertical > .steps {display: inline;float: left;width: 30%;}
.wizard > .steps .number {font-size: 1.429em;}
.wizard > .steps > ul > li {width: 25%;}
.wizard > .steps > ul > li:last-child div.step-check-bullets {display:none;}
.wizard > .steps > ul > li, .wizard > .actions > ul > li {display: inline-block;}
.wizard.vertical > .steps > ul > li { float: none; width: 100%;}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {display: block;width: 100%;font-size: 14px;position: relative;text-decoration: none;-moz-border-radius: 5px;}
.wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active{color: #b9c6d7;cursor: default;
text-align: center;}
.wizard > .steps .disabled a div.step-check {background: rgba(0, 176, 92, 0.15);}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {color: #000;cursor: default;    font-weight: 600; text-align: center;}
.wizard > .steps .current a .step-check-bullets span {background: #00b05d;}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {color: #000;font-weight: 600;text-align: center;}
.wizard > .steps .done a .step-check-bullets span {background: rgba(0, 176, 92, 0.15);}
.wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active{color: #000;font-weight: 600;}
.wizard > .steps .error a div.step-check {background:#ff3111;}
.wizard > .content{display: block;text-align: center;position: relative;-moz-border-radius: 5px;}
.wizard.vertical > .content{display: inline;float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%;}

.wizard > .actions{position: relative;display: block; text-align: center;width: 100%;padding: 46px 0;}
.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 .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{/*background: #eee;color: #aaa;*/}
.wizard > .loading{}
.wizard > .loading .spinner{}
.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;}
