/*
    Common 
    */

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

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

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

    .wizard ul > li,
    .tabcontrol ul > li
    {
        display: block;
        padding: 0;
    }

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

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

    .wizard .steps ul > li.error{
        color: inherit;
        margin: 0 0 0;
    }
    .wizard > .steps li.error a, .wizard > .steps li.error a:hover {
        background: none;
    }
    .wizard > .steps li.error a span.round-tab i{
        color: red;
    }
    .wizard > .steps li.error a:after{
     border-bottom-color: red;
 }
 .wizard > .steps li.done a, .wizard > .steps li.done a:hover{
    background: none;
    color: green;
}
.wizard > .steps li.done a span.round-tab{
    background: #fff;
    border: 2px solid green;
}
.wizard > .steps li.done a span.round-tab i{
    color: green;
}
.wizard > .steps li.error a span.round-tab{
    border: 2px solid red;
}
/*
    Wizard
    */

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

    .wizard.vertical > .steps
    {
        display: inline;
        float: left;
        width: 30%;
    }

    .wizard > .steps .number
    {
        font-size: 1.429em;
        display: none;
    }
    .wizard .steps ul{
        width: 100%;
        padding-bottom: 25px;
        padding-top: 20px;
        position: relative;
        overflow: hidden;
    }
    .wizard .steps ul:after{
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
        content: ;
    }
    .wizard ul:before, .wizard ul:after{
        display: table;
        content: '';
        clear: both;
    }
    .wizard > .steps > ul > li
    {
        position: relative;
        z-index: 2;
        width: 20%;
    }
    .wizard > .steps > ul > li.disabled a:hover{
        cursor:not-allowed;
    }
    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li
    {
        float: left;
    }

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

    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active
    {

        color: #aaa;
        cursor: default;
    }

    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active
    {
        color: #fff;
        cursor: default;
    }
    .wizard > .steps a{
        position: relative;
    }
    .wizard > .steps .current a span.round-tab{
        background: #fff;
        border: 2px solid #5bc0de;
    }
    .wizard > .steps .current a span.round-tab i{
        color: #5bc0de;
    }
    .wizard > .steps .current a:after {
        content: " ";
        position: absolute;
        left: 24px;
        opacity: 1;
        margin: 0 auto;
        bottom: -18px;
        border: 10px solid transparent;
        border-bottom-color: #5bc0de;
    }
    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active
    {
        background: #9dc8e2;
        color: #fff;
    }

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

    .wizard > .content
    {
        display: block;
        margin: 0.5em;
        min-height: 35em;
        overflow: hidden;
        position: relative;
        width: auto;

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

    .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%;
        height: 95%;
        padding: 2% 0%;
    }

    .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
    {
        display: block;
        border: 1px solid #ccc;
    }

    .wizard > .content > .body input[type="checkbox"]
    {
        display: inline-block;
    }

    .wizard > .content > .body input.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:0;
        padding-left: 7px;
    }

    .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: #2184be;
        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
    {
    }

    .tab-field .save-btn{
        display: none;
    }
/*.wizard .content .table-hours .tab-field .form-control{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    text-align: center;
    background: none;
    border:transparent;
    box-shadow: none;
    margin: 0;
    cursor: default;

    }*/
    .wizard .content .table-hours .tab-field.tab-ed .form-control{
        background: #FFF;
        border:1px solid #ccc;
        cursor: text;
    }
    .wizard .content .table-hours .tab-field.tab-ed .save-btn{
        display: inline-block;
    }
    .wizard .content .table-hours .tab-field.tab-ed .edit-btn{
        display: none;
    }

/*
    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;
    }

    .labelRadio
    {
        display: block !important;
    }